EventsUser interactions with a web page are called events.For example, when you click the Like button to the right, the browser announces that a click event has occurred. Event Handlers We can write a function that specifies what to do when an event occurs. This function is called anevent handler. When a user clicks the .like-button element, the event handler toggles the "active" class. This alt..

JavaScriptIn order to make interactive web pages with jQuery, it's useful to know a few things about JavaScript.JavaScript is a programming language that jQuery is written in, and knowing JavaScript will be helpful for understanding and writing your code.The next cards will cover a few fundamental JavaScript concepts. VariablesVariables store data so that they can be used later on in the program..

PreviewWe are going to use jQuery to create a menu that slides out from the left side.The file index.html contains the page structure and content.The file style.css has the styling for the page.The file app.js has JavaScript and jQuery code. This code makes the menu interactive. Click on the menu icon. The menu displays by pushing the page's body over to the right.Then click on the X icon. The m..

Make an Interactive WebsiteBuild the Flipboard home page and learn how to add interactivity to your website. IntroductionWeb pages made with HTML and CSS display static content. They don't respond to user actions like clicking a mouse or typing a key.JavaScript and jQuery are used to make web pages interactive.JavaScript is a programming language used to create web pages that change in response ..

NavigationThe navigation menus are made up of two ulelements. In each ul, the li elements display on new lines because they are block elements. Let's style the li elements so that they display on the same line. This can be done with thedisplay property.JumbotronNice! The menu items inside each ul now are now inline elements. [We'll see how to move the two uls to display on the same line in the n..

IntroductionWe saw how to use CSS rules to control the style and layout of a page.Bootstrap is a collection of prewritten CSS rules used to build web pages faster. Bootstrap provides styles out of the box for several common components on a web page, such as grid layouts, navigation, showcases, and much more.Let's see how to get started using Bootstrap in your web page. The gridA grid is a useful..