Lesson 1 - HTML and CSS Basics | Web Development with HTML and CSS

Lecture Notes: https://github.com/JovianHQ/notebooks/blob/main/web-development-with-html-and-css/lesson-1-html-and-css-basics/lesson-1-html-and-css-basics.ipynb Finished Code: https://github.com/JovianHQ/web-development-with-html-and-css/tree/main/lesson-1-html-and-css-basics HTML and CSS form the foundation of modern web design, allowing you to create visually appealing & functional web pages. HTML (HyperText Markup Language) is the standard language used to create web pages. It is used to structure content and add elements such as headings, paragraphs, images, links, and more. CSS (Cascading Style Sheets) is used to describe the presentation of HTML documents. It allows you to control layout and appearance by defining styles for elements such as fonts, colors, margins, borders, and more. The following topics are covered in this lesson: - Creating an HTML file, adding code into it using VS Code, and viewing it in a browser - Using basic HTML tags (html, head, title, body, div etc.) to create a web page - Using HTML tags (h1 to h6, p, lists, link, images) to structure content on a page - Adding styles using CSS and understanding the CSS box model for layout - Styling HTML tags using CSS and replicating the structure of a desired wireframe - Deploying a website to the cloud using an online hosting service Chapters 00:00:00 - Introduction 00:04:04 - Your First Web Page 00:12:35 - Understanding HTML Tags 00:22:30 - Wireframes for Web Pages 00:31:18 - Adding Content in HTML 01:00:07 - Adding Styles with CSS 01:16:11 - The CSS Box Model 01:33:31 - Implementing a Wireframe 02:04:00 - Deploying to the Cloud 02:08:18 - Summary & Next Steps 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!