Taught by Chris Dixon — Web Developer & Online Teacher
1.Welcome to the course!
2.What will you need for this course (Getting Started)
3.Understanding HTML (Getting Started)
4.Setting up a web project (Beginning HTML)
5.Structuring a web page (Beginning HTML)
6.HTML Headings (Beginning HTML)
7.Div and span (Beginning HTML)
8.Adding paragraphs and text (Beginning HTML)
Show all 40 lessonsShow fewer lessons
9.Text emphasis, importance and formatting (Beginning HTML)
10.HTML Lists (Beginning HTML)
11.Time to practice - Create the project lists (Beginning HTML)
12.Working with images (Beginning HTML)
13.Links (Beginning HTML)
14.Time to practice - Linking to pages (Beginning HTML)
15.What are semantic elements? (Beginning HTML)
16.Adding semantic elements into our project (Beginning HTML)
17.Time to practice - Adding more products (Beginning HTML)
18.Solution - Adding more products (Beginning HTML)
19.HTML Comments (Beginning HTML)
My Learning
Mark your own learning status. Opening a course link does not establish enrollment.
Korshub's take
Full-Stack Web Development Starts Here
Web development feels less intimidating when broken into clear foundations. This first part covers HTML structure and semantic markup, CSS styling from the box model through positioning and layout, and responsive design principles so your work adapts across devices. You'll build a real project (a Tech Store) that ties each concept together.
The course previews what comes next—JavaScript, backend frameworks, databases—so you understand where the pieces fit. It's thorough without overwhelming, methodical enough to build confidence in someone who's never opened an IDE before.
About this course
Welcome to Full Stack Web Development for Beginners!
This course is designed to teach beginners everything they need to know to build full stack websites and applications!
This is part one of this huge course, teaching you all about HTML, CSS and Responsive Web Design.
We begin with a little background into HTML, what it is and how it came about.
Then we take a deep dive into learning about how to use HTML, learning things such as:
Setting up a HTML project
HTML Structure
Headings
Div and span elements
Adding text and links
Formatting text
Lists
Images
Semantic elements
Comments, entities and symbols
Tables
Forms and inputs
Iframes
Integrating Google Maps
All of this while building a Tech Store project.
We then move onto styling with CSS, covering:
What is CSS
Inline, internal and external stylesheets
Fonts and colors
Classe's and id's
Margin and padding
Block, inline and inline-block display types
The CSS box model
Styling lists and links
Psuedo classes
Float and clear
The position property
Styling forms and inputs
Specificity and the cascade
We then take the project even further by learning all about responsive design to make your websites look great on all size devices.
You will learn about:
What responsive design is
The viewport meta tag
Scalable units
Fluid layout
Media queries
Mobile first styling
Styling for all size devices
Picture element and srcset
This first part of the course covers all of the fundamentals you need to go on to building full stack websites.
In future parts we will cover lot's more including:
CSS Grid and Flexbox
Bootstrap 4
Javascript
The terminal
Node.js
Express
Working with API'S
Mongoose
Mongo DB
And so much more
So, enjoy this class and check out the rest of the parts as they become available!
Advertisement
20.
Entities and symbols (Beginning HTML)
21.Time to practice - Product detail page (Beginning HTML)
22.HTML Tables (Forms, Tables & iFrames)
23.HTML Forms (Forms, Tables & iFrames)
24.Labels, name and id (Forms, Tables & iFrames)
25.Checkboxes and radio buttons (Forms, Tables & iFrames)
26.Select input (Forms, Tables & iFrames)
27.Datalist & submit (Forms, Tables & iFrames)
28.Other useful form elements (Forms, Tables & iFrames)
