Lesson 2 - Advanced HTML and CSS | Web Development with HTML and CSS

Lecture Notes: https://github.com/JovianHQ/notebooks/blob/main/web-development-with-html-and-css/lesson-2-advanced-html-and-css/lesson-2-advanced-html-and-css.ipynb Starter code: https://www.dropbox.com/s/elkh6vcct1r84ev/my-first-web-page.zip?dl=1 Completed code: https://www.dropbox.com/s/5f9yt4tq68ea8pt/my-second-web-page.zip?dl=1 In this tutorial, we'll will dive deeper into the world of web development by learning advanced techniques for designing and styling websites using HTML and CSS. We will learn how to create HTML tags, use advanced CSS properties, and optimize your code for performance and accessibility. The following topics are covered in this tutorial: - Iteratively improving an existing web page by adding/modifying sections - Creating and styling HTML tables to display tabular data on a web page - Understanding various text-related CSS properties and how they are used - Understanding CSS colors and picking appropriate colors for clarity and aesthetics - Creating an HTML form to collect user inputs and exploring various HTML input types - Collecting and viewing form responses using an external server - Using meta tags to improve how a deployed page previews when shared as a link The best way to learn these skills is to follow along step-by-step and type out all the code yourself. ABOUT THE COURSE This course is an in-depth introduction to web development with HTML and CSS for complete beginners. It is designed and taught by Aakash N S, CEO and co-founder of Jovian. We'll start with HTML and CSS basics, dive into some advanced concepts, and learn about Git, GitHub, and cloud deployment using Vercel. We'll also explore mobile-first responsive design, the Bootstrap CSS framework, and the Express web application framework. You'll solve coding assignments on building a web page from a mockup, creating a responsive mobile-first website, and crafting a scientific calculator. For the final project, you will build your personal portfolio website and deploy it to the cloud!