
This course includes our updated coding exercises so you can practice your skills as you learn.
See a demo
In this video you will learn to:
Set up an IDE
Install the "Live Server" extension
In this lecture you will learn:
Creating an HTML document
Seeing the site on a local and live server
Text level tags
In this lecture you will learn:
Auto Save settings for VS Code IDE
Reorganizing your HTML folder, and adding new text files
3 different types of lists
Changing the style (just a little CSS..) of lists
Discover how semantic HTML tags define content, including article, aside, details with summary, header, main, nav, and footer. Learn to comment HTML and use the non-semantic div for layout.
Explore css basics as the artist of your website, learning how css styles html, including inline, internal, and external methods, and tag, id, and class selectors.
Learn to apply color in html/css by setting text color, background color on the body, and adjust header transparency with rgb values, including 0.32 near transparent, in Visual Studio Code.
Learn to build a flexbox with a container and multiple boxes, apply internal CSS, then switch to external CSS by linking a style.css, and explore flex-direction, justify-content, and align-items.
Create an ocean-themed fragrance website via a css walkthrough, building a video-background site with an index.html, favicon, a responsive nav bar, custom fonts, and refined scroll styling.
Explore typography and color theory to design smarter websites, mastering serif, sans serif, monospace, and script fonts with monochromatic, analogous, and complementary color schemes, and using Google Fonts.
Celebrate completing the starter HTML/CSS toolkit by applying HTML basics, CSS styling, ux, and UI design to build and host your own beautiful, professional website.
Welcome to the world of web development! In this comprehensive course, you'll learn how to create websites from scratch and host them independently, without external guidance. Whether you're a beginner or have some prior experience, we'll take you on a journey to master web development. This course is cut down to the chase, with the stuff you need to create a professional-grade website! Here's a breakdown of what you'll cover:
Section 1: Introduction to Web Development
Overview of the course
Section 2: HTML Mastery
The HTML Boilerplate + Text level tags
Lists/Bullet points
Semantic Tags
Links (Anchor Tags)
Images and Iframes
Section 3: CSS Styling
CSS Intro + CSS Syntax + CSS Classes
Coloring the HTML
Font-Styling / Bordering the HTML
The Button (Fancy Anchor Tag!)
Basic Spacing of the HTML
CSS Flexbox
CSS Sample Design Walkthroughs Part #1
CSS Sample Design Walkthroughs Part #2
Section 4: UX/UI Design Fundamentals
Typography and Color Theory
Wireframing
Project Topics
Section 5: Web Hosting
Where To Host?
Creating a contact form in HTML
_______________________________________
By the end of this course, you'll have a strong command of HTML and CSS, be skilled in creating visually appealing user interfaces, and have the knowledge to host your websites. Also, you will gain a sense of what accessible design is and how to create websites that are optimal for all users! Join us on this exciting adventure into the world of web development and turn your ideas into digital reality!