Introduction to Web Development with HTML, CSS, JavaScript

Learn the foundations of web development, with no prior knowledge needed! Discover the languages, frameworks, and tools that enable you to create interactive and engaging websites and Cloud Applications. In this module, you will learn about the roles of front-end, back-end, and full-stack developers, and how they work together on development projects. You will also become familiar with the terminology and skills needed in your career as a web developer. It is recommended that learners practice outside of the course to become proficient. The labs are intended as an introduction to the basics.

The most fundamental tools for front-end developers are the languages they use for developing the website or app. Foremost among these is HyperText Markup Language (HTML). A good understanding of HTML, its features, support, and scripting capabilities, makes a solid foundation on which to build your development skills. Once you have mastered creating the basic structure of a website with HTML, you can add style with Cascading Style Sheets (CSS), which enables you to make your websites more attractive by adding a consistent style and design throughout.

HTML5 has many elements that enable developers to create well-structured and varied websites. These HTML5 elements provide ways to separate an HTML document into divisions, create headers and footers, define sections, create headings, and delineate the body of the document. In addition, there are many HTML5 elements that allow the user to interact with the website, inputting information in various formats like dates, times, numbers, email addresses, and much more besides. To be able to create the structure you want for your site, you must be familiar with some of these elements.

So now you have a website or Cloud App with structure and content from HTML, consistent style from CSS, and a limited amount of interactivity for the user. To enhance the user experience and create a real wow factor, you’re going to need JavaScript. With JavaScript, you can make your webpages dynamic, using features like interactive forms, picture slideshows, and sophisticated menu systems.