Full Stack Web Development for Beginners- Part 1: HTML, CSS, Responsive Design

Full Stack Web Development is for beginners!

This course is intended to give beginners all they need to create full-stack websites and applications.

This is the first part of this massive course. It teaches you HTML, CSS, and Responsive Web Design.

Let's start with some background information about HTML and how it was created.

Next, we take a deep dive into learning HTML. We learn about:

• Set up a HTML project
• HTML Structure
• Headings
• Element div and span
• Add text and links
• Formatting text
• Listes
• Images
• Semantic elements
• Comments, entities, and symbols
• Tables
• Inputs and forms
• Iframes
• Google Maps Integration

All this while you build a Tech Store.

Next, we move on to styling with CSS. This covers:

• What is CSS?
• Stylesheets for internal, external and inline design
• Fonts and colors
• Classe's, id's
• Margin and padding
• Types of display: Inline, block and inline
• The CSS box model
• Links and styling lists
• Psuedo classes
• Clear and float
• The property of the position
• Inputs and styling forms
• The cascade and specificity

The project is further developed by our knowledge of responsive design, which allows websites to look amazing on any device.

This is what you will learn:

• What is responsive design?
• The viewport meta tag
• Scalable units
• Fluid layout
• Media queries
• Mobile first styling
• All sizes of devices: Styles
• Picture element and srcset

The first section of the course covers the basics of building full-stack websites.

We will continue to cover many more topics in future parts, including:

• CSS Grid and Flexbox
• Bootstrap 4
• Javascript
• The terminal
• Node.js
• Express
• API's - Working with
• Mongoose
• Mongo DB
• There's so much more

Enjoy this class, and be sure to check out the other parts as they become available.