Weekly questions to consider when creating your posts. These questions are a jumping off point to asking your own questions, pose new ideas, and provide explanations and examples backed by careful analysis. Apply class concepts, terms, and theories too. Refer to Assignment 12 for additional details.
- Which coding language adds structure to a web page?
- Which coding language adds functionality to a web page?
- Which coding language adds design elements to a web page?
- Why is JavaScript event-driven?
Assia Snineh says
HTML is a language used to describe the structure of Web pages. HTML allows authors to: Publish online documents with headings, text, tables, lists, photos, and so on. The code used to structure a web page and its content is known as HTML (HyperText Markup Language). For instance, content could be organized into paragraphs, a list of bulleted points, or images and data tables. JavaScript is a popular lightweight, interpreted scripting language for enhancing and adding content to web pages. HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the fundamental technologies used to create Web pages. HTML provides the page structure, while CSS provides the (visual and aural) layout for a variety of devices. Event-driven programming is used to synchronize the occurrence of multiple events and to simplify the program. The following are the fundamental components of an Event-Driven Program: When an event occurs, a callback function (also known as an event handler) is invoked.
Yi-Lun Ma says
Hi Assia,
The examples you provided to describe HTML were easy to understand. For anyone who doesn’t know about HTML, this might a good example for they to know about it
Madeline Elia says
Hi Assia,
I think you made a lot of great points in your post. It’s pretty cool to see how HTML, CSS, and JavaScript all work together to make websites work properly. Without one or the other, a website can experience a variety of issues, whether it’s display, formatting, or interactive capabilities.
Jinzhou Situ says
Hi Assia,
I think your description of HTML is very detailed, which makes me understand that HTML is of great help to the development of web pages. Its diversity makes many coders choose it as a major tool for web development.
Ryan Scharko says
Hi Assia, I thought description and definition as to why HTML is a language used for the structuring of pages. I also thought you did a good job explaining the difference between HTML and JavaScript because it highlights how we need different coding languages for different aspects of a website.
Justin Bonfiglio says
Hey Assia,
Before reading your response and doing some research into it myself, I thought that each language like JavaScript, HTML, and CSS were all just different versions of the same thing. Turns out I couldn’t have be more wrong about that lol. I thought that it was like different brands of chips like lays or Utz, which have little differences but are ultimately the same product. Turn out its more like JavaScript is the ingredients used, HTML is the chip, and CSS is the dip used with the chip. When you put it all together you have a great web page or in this case a great snack, but with only one part its still workable or in this case edible even if its not all that good.
Cassidy Mantle says
Hi Assia,
I enjoyed reading your response as it was definitely easy to interpret. Otherwise I wrote something similar in a sense where HTML is used to structure the webpage and CSS is used to provide the visual needs of a website. But both CSS and HTML are languages used to help structure a webpage.
Anthony Marquis says
Hi Assia, I thought that your post was very detailed and your examples about HTML helped guide the rest of your post.
Ishaan Joshi says
Hi Assia, thank you for thoroughly describing the elements of HTML, It was very interesting to see how which portions of HTML describe to this concepts. Just looking at this MIs website I right now I can start to think of the elements that made all this possible. We humans use websites every single day and these elements is what makes them so appealing and accessible.
Yi-Lun Ma says
Because JavaScript was created to be used on the web, where user interactions and other events influence browser actions, it is event-driven. JavaScript needs a mechanism to react to user activities like clicks, form submissions, and other events in order to make web pages interactive. JavaScript was created using an event-driven programming style to do this. Instead of carrying out a set of commands in a linear form, the code under this paradigm reacts to system events. JavaScript will run the proper event handler function in response to an event, such as a user hitting a button, when it happens.
Justin Bonfiglio says
Hey YI-Lun,
I didn’t think about the fact that JavaScript was made with the intentions on being used on the web as a reason for why it is such an event driven language. When looking into the reasons why it’s so event driven I only thought of it as one piece to a puzzle, and that’s its the function of a website. This piece being one of many languages you need to use together along with other like HTML and CSS to form the whole puzzle. When thinking of it the way that you described it made me open my eyes a little bit more as to the why aspect thanks to the wording you used.
Nicholas DiGiuseppe says
Hi Yi-Lun,
While JavaScript wasn’t my favorite tool to use, I can certainly appreciate it for what it can do for the digital world. Your post is very good because your explanations are kept simple and straight to the point which makes it much easier for me to understand. I find it interesting that the combinations of HTML, JavaScript, and CSS form a complete picture that otherwise, would fall short or incomplete if one of those were not contributing to the goal.
Madeline Elia says
JavaScript is “event-driven” because it is an interactive language. It is always waiting for the user to do something. Typing on a keyboard, submitting a form, refreshing a screen, and many other things prompt the program to execute some form of code. On a website, though, there are several other factors working behind the scenes. HTML, which stands for Hypertext Markup Language, is responsible for displaying the content that you see. In addition, CSS (Cascading Style Sheets) controls the formatting and layout of the website. It can format multiple pages and save a lot of time for programmers. Neither HTML and CSS have the ability to be interactive, so that’s why JavaScript is super important. Many websites that rely on interactivity, such as Amazon, Google, Gmail and other email sites are dependent on the capabilities of JavaScript, HTML, and CSS. Without their existence and collaboration, so many websites wouldn’t work correctly or at all.
Sheree Owens says
Hi Madeline! I think this is a great explanation of how the different coding languages are used and how important it is to make the websites we loved to use function correctly. Now when browsing websites I have a better understanding of what coding languages are being used and why.
Assia Snineh says
Hi Madeline,
I thought you explained HTML very well and you gave great descriptions on how they are used! I think you also did a great job explaining Javascript and its use! Great job!
Aidan Morgan says
HI Madeline, I really like how you described why JavaScript is “event-driven”. I completely agree that it is always waiting for the user to tell it what to do. It is also a great argument into people who may say that computers are self-intelligent, when in reality, they need to be told what to do in order to function!
Aidan Morgan says
When browsing the Internet and various webpages in the past, I had never really thought of how they are constructed or how many aspects go into each and every page. However, it is vastly more complex as a whole than just words and pictures. Multiple languages are used in order to bring the page to life through HTML, CSS, and JavaScript. HTML, or HyperText Markup Language, brings structure to webpages. The code within HTML causes the webpage to look a certain way and give it the “structure” provided. For instance, heading tags structure titles onto the page and even can be ordered in importance which then lowers the font size. HTML also uses various elements such as lists, links, images, and even just basic text in order to add to the structure. While HTML adds structure, CSS, or Cascading Style Sheets, adds design elements to the webpage. CSS helps to add color, font, layouts, and more to webpages. CSS provides the visual aspects to webpages and gives webpages the presentation as we see it. In the end, JavaScript provides the functionality to each webpage. JavaScript can make webpages behave in various ways in association to the user’s actions. JavaScript brings the page to life as it modifies the HTML and CSS coding to update an user’s interface. Overall, each coding language is used together in order to create one unique webpage for an user to interact with.
Sophie Chen says
Hi Aidan,
I really liked how you added examples for what each type of language does individually in addition to explaining its purpose. That made it easier for me to visualize what each language does in my head, without needing to pull up code and run it to. I thought these explanations were very clear and concise, and I definitely have a better understanding of how all three languages can work together to create successful websites,
Ryan Scharko says
Hi Aidan, I had the similar realization as you did with how webpages are actually constructed and how much work actually goes into simply creating the most basic things about a webpage and a website as well. I thought you did an excellent job comparing and contrasting the coding languages as well.
Jinzhou Situ says
Hi, Morgan
I learned through your post that there are many computer languages that can edit web pages, and in fact, different languages have different divisions of labor. JavaScript seems to play a very important role in web page editing.
Nicholas DiGiuseppe says
Hi Aidan,
Creating successful websites can be very hard at first, but your post really helped me understand how the three key languages can be used together efficiently to achieve the ultimate goal. I can definitely appreciate what JavaScript can do, and even though there’s still plenty to learn, I am very happy with the amount of material we managed to cover throughout this course so that I have a nice basic understanding of what JavaScript is and how it can be used to create successful webpages for businesses.
Sophie Chen says
HTML (HyperText Markup Language) adds structure to a web page and its content. JavaScript adds functionality to a web page. CSS is the language to add design elements to the presentation of Web pages, including colors, layout, and fonts. JavaScript is used to make websites and pages more interactive with users, often prompting user-input, connecting webpages to react to button clicks, or processing information and calculating formulas. HTML and CSS are more static, meant to structure or design pages to be visually appealing but not necessarily interactive. While the three are often used together, they can all be used separately as well. CSS is independent of HTML and can be used with any XML-based markup language. JavaScript is often used to develop games and mobile apps and build out graphics.
JS is an event driven language because it reacts to events. Every time a function is called, it is added to a list; JavaScript then loops through the list and calls the functions connected to each event. If you create a function but do not call it in the main area, JavaScript will not run the function automatically. Everything starts by following an event.
Assia Snineh says
I thought you explained HTML very well and you gave great descriptions on how they are used! I think you also did a great job explaining Javascript and its use! Great job!
Cassidy Mantle says
Hey Sophie,
I really enjoyed reading your explanation of the structure of HTML and CSS as a graphic addition to web pages. I wrote something similar as well but I also noted that HTML and CSS are both prominent languages that add structures to webpages. Although CSS adds structure and design, they both correspond with one another.
Jinzhou Situ says
(HyperText Markup Language) HTML can add structure to web pages. It is itself composed of a series of elements that can be presented on the Internet in a certain way. JavaScript can allow coding languages to add functionality to web pages, and it’s perfect for writing server-side code. CSS can change the colors, fonts, and layout of web pages, and it is responsible for adding design elements to web pages. At the same time, CSS is a language independent of HTML. Because Javascript is a language that reacts to events, it is written in response to the user, so it is an event-driven language.
Shivam Joshi says
The coding language that adds structure to a web page is HTML (Hypertext Markup Language). It defines the elements of a web page, such as headings, paragraphs, lists, and images.
The coding language that adds functionality to a web page is JavaScript. It allows developers to create interactive and dynamic elements on a web page, such as form validation, animations, and user interface components.
The coding language that adds design elements to a web page is CSS (Cascading Style Sheets). It defines the visual appearance of a web page, including layout, fonts, colors, and other visual effects.
JavaScript is event-driven because it allows developers to write code that responds to specific events or user actions, such as clicking a button or submitting a form. This allows web pages to be interactive and responsive to user input. When an event occurs, such as a user clicking a button, JavaScript can execute a set of instructions to respond to that event, which can include updating the content or styling of a web page, or triggering other actions.
Sheree Owens says
There is no doubt that JavaScript is the King of web development and probably the most popular language among web developers. It’s also the only language that allows you to create web applications, both frontend, and backend as well as mobile applications (React Native).
JavaScript topped the list of most popular programming languages in StackOverflow’s Developer Survey. Along with CSS and HTML, JavaScript is one of the three core web programming languages.
JavaScript is a scripting language. It runs directly from its source code; it doesn’t need to be translated into machine code before it runs.
JavaScript is also a full-stack language—though it’s most commonly used on the front end. JavaScript creates interactive web page elements like:
Clickable buttons
Images that can zoom in and out
On-page audio and video
JavaScript codes the front end of some of the world’s most famous websites LinkedIn, Amazon, Facebook, and more.
Robert DiBrino says
Hi Sheree! I think you did a great job explaining how JavaScript is a fantastic web developer and programming language. JavaScript has so many capabilities and positive attributes it hard to imagine considering using anything else!
Justin Bonfiglio says
The language that you use to add structure to a web page is called HTML or Hypertext Markup Language. HTML, as Developer.mozilla.org would say, “consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way or act a certain way.”. This description is basing telling us that HTML is used to edit the looks and the way that a web page is set up. When you use HTML you want to have it coincide with a scripting language like JavaScript to be able to write the code that the site will use. For the graphical design element you want to use a language like CSS, Cascading Style Sheets, to add colors, fonts, and other more fun appeal to a website. With each of these languages you can do enough to make something that works on its own, but it’s when you bring multiple together that you start to get the better functioning and looking web page overall.
Website Used:
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
Justin Bonfiglio says
When talking about JavaScript, it is described as event driven. This is the best way to describe it since everything that you do on it all needs an event to start the code and allow it to function. The week 11 project for Riley’s Ranking is a great example of JavaScript being event driven. We didn’t use any other language to make the website look nicer, but we “should” be able to run our code through the browser to give us the answer of what investor score each investor is. This answer can’t be given though without the event, or the information being input into the different categories, such as investment amount, annual income, different assets, and different debts. If we didn’t give the needed information to start the event, it would just be a block of useless code that can’t function, but with it the information it is able to easily process it and give us the investor scores.
Aidan Morgan says
Hi Justin, I really liked how you brought our most recent assignment as a reference for your explanation here. When completing the Riley’s Rankings assignment I did not even think on how JavaScript was event driven. However, the program only works when us, the user, correctly puts in the code and tells the program what to do. Great insight on how JavaScript is event driven.
Ishaan Joshi says
Hello Justin, I think you brought up an important point because in many ways JavaScript has a human element to it in that every action has a reaction. The more you understand these concepts the more you start to understand that we are the ones that are actually controlling these codes all along and that coding is just an assistant that helps guides is in all our needs.
Assia Snineh says
javascript
Assia Snineh says
The event-driven programming model is used by JavaScript in the browser. Everything begins with a single event. The event could be that the DOM is loaded, or that an asynchronous request finishes fetching, or that a user clicks an element or scrolls the page, or that the user types on the keyboard. There are many different types of events. JavaScript is an ECMAScript-compliant high-level, often just-in-time compiled language. It supports dynamic typing, prototype-based object-oriented programming, and first-class functions. It supports event-driven, functional, and imperative programming styles and is multi-paradigm. It supports text, dates, regular expressions, standard data structures, and the Document Object Model via application programming interfaces (APIs) (DOM). Originally used only in web browsers, JavaScript engines are now essential components of some servers and a wide range of applications. Node.js is the most popular runtime system for this purpose. Although the names, syntax, and standard libraries of Java and JavaScript are similar, the two languages are distinct and differ greatly in design.
Jinzhou Situ says
In fact, C language can also add structure to web pages. It was originally applied to system development work, and it is easy to learn and can produce efficient programs. It is really suitable for making web pages.
Nicholas DiGiuseppe says
Event driven is the most accurate way to describe JavaScript. The reason it is event driven is because as we have already learned from class, we have a callback function whenever an event occurs. The fact is, JavaScript is an interactive language meaning that it sits back and is always waiting for user interaction to occur. Whether it’s refreshing a page or typing on a keyboard, these kind of activities let the program know that it’s time to execute some kind of code. For the structure of web pages, the appropriate language to use is HTML, which stands for Hyper Text Markup Language. CSS provides the optical layout for variations of devices. It is also very important to keep in mind that both HTML and CSS do not have the ability to be interactive which is why JavaScript plays a huge role. Just think about how many websites wouldn’t work properly without the teamwork of CSS, JavaScript, and HTML.
Aidan Morgan says
JavaScript is an event-driven as it brings together multiple events occurring at the same time in order to simplify the program. JavaScript will continue to look for events to run over and over until it cannot anymore. For instance, during a while loop JavaScript will continue to run, or respond to the event, over and over until the while loop meets a condition. JavaScript reacts to the event of the while loop for as long as the loop remains true. With if/else statements, JavaScript will look to react if certain conditions are met, but if they are not, JavaScript will look to find an alternative reaction to run for the statement. JavaScript will react to the events in the order that the code is written and laid out. JavaScript will also react to more coding aspects such as links, mathematical operators, boolean values, and so much more in order to create an interactive page. In the end, JavaScript will continue to look for more events to react to until there are simply no more left to touch. This event-driven program will go to work in order to bring programs to life for the user.
Lamine Karamoko says
I think that so far in this amazing course, everyone would know the answer to this question. Java script is used as the functionality of a web page, while HTML is used as creating the structure of a web, and CSS is used for adding design elements to the web page. The thing that makes everything interactive is Java script. This programming language allows web developers to create features that could be interacted with on a web page. With this, you could get animations, menus, pop ups, and etc. It helps to make web pages more interactive if users can navigate through the website itself. This is what makes Java script so important for developers. Of course there are other programming languages for this, but the most commonly used one would happen to be Java script, or Python if you would like. But, it seems like Java Script is much easier to learn than python in my opinion.
Lamine Karamoko says
So far, this course has taught me so many things. I learned the ways of functions which are still a work in progress. The coding language that is used to structure the web page happens to be HTML. HTML stands for Hyper Text markup language, and is assisted by java script. It structures sections, headings, texts, paragraphs, links and more. One fun fact about this is that every website is written in HTML, even the one you are currently using. HTML is also good for game development, as software developers use it for video games without the need for third party plugins. HTML is one of the easiest front end programming languages to become proficient in. Another programming language that is commonly used is python. These are two basics for front end development and are the easiest to master. When you place CSS, HTML and Java script together, you will get a completed and interactive website.
Ishaan Joshi says
Hypertext Markup Language (HTML) adds structure to a webpage. HTML processes the elements used in the structure of a webpage, such as text, links, and images. For adding functionality to a webpage, the programming language is JavaScript. JavaScript takes elements of HTML so that they can be enhanced using animations, functions, and validation. Cascading Style Sheets (CSS) focus on the stylistic aspects of a webpage. Elements of CSS include but are not limited to, spacing, fonts, colors, margins, and visualizers. An example of HTML would be a clothing site that needs a navigation bar to navigate different types of clothing. This same clothing brand can have an email sign-up for promotions and offers. JavaScript would be used for this system for customers to give data. The brand also needs a style and a look to be visualized through the website. CSS helps in giving this brand a style through color schemes and layouts.
Ishaan Joshi says
JavaScript is event-driven because it is used as primarily as a response mechanism, meaning its actions and detections are based on the initial activities of whoever is on the other side of committing acts. An excellent example is when we take all the steps online, such as clicking a link, typing, or searching for something. These are the actions that JavaScript will do. Coding is catered toward a particular event rather than the state of a program. The main reason for event-driven programming is to generate a response and can be shaped by interactions with the user. This allows developers to have real-time input and interactions. This concept makes me realize how much this factor is in our everyday lives. Almost any action we take online has a response that is triggered in response to what we did. So many complex ideologies can factor into the nuances of event-driven programming through JavaScript.
Nicholas DiGiuseppe says
I am very happy to say that overall, this course provided me with a lot of new and important knowledge. It’s funny to think that for many, many years now, I always wondered why links ended in .com, .html, and many more. In this class, I finally learned what HTML is all about and it’s significance related to JavaScript. Now I know that the purpose of HTML is to create a webpage’s structure, while JavaScript is what brings out the interactive portion of things. This is why JavaScript is so important in our digital world as we know it today, because without JavaScript, all of our favorite social media platforms would not be where they are today. A professional webpage creator knows exactly how to use HTML, JavaScript, and CSS all together, to complete a website and attract many new customers to their business. I think it was a great experience being able to use Visual Studio Code to attempt to fill in missing codes and following the basic rules of JavaScript. This is definitely something I can hold on to for the future.
Anthony Marquis says
The coding languages used to add structure to a web page include HTML and JavaScript. This includes the information design, unifying themes, use of white space, and overall appearance and appeal. The coding language that adds functionality to a web page is HTML and it helps markup languages in order to provide a solid foundation for the websites that are being created. CSS helps to create a functional, and aesthetically pleasing website in order to provide an attractive site for people who are accessing the website. Lastly, JavaScript is very event driven because it is a language that inherently supports non-blocking operations. Using JavaScript helps because you can register certain codes to specific events and that code will be executed once the event is emitted, enabling the seamless execution of asynchronous code without blocking other operations.