Information Technology
Hands on Training icon
Hands On Training
Hands on Training icon

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

Course Cover

5

(4)

compare button icon

Course Features

icon

Duration

5.36 hours

icon

Delivery Method

Online

icon

Available on

Lifetime Access

icon

Accessibility

Mobile, Desktop

icon

Language

English

icon

Subtitles

English

icon

Level

Beginner

icon

Teaching Type

Self Paced

icon

Video Content

5.36 hours

Course Description

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.

Course Overview

projects-img

International Faculty

projects-img

Post Course Interactions

projects-img

Hands-On Training,Instructor-Moderated Discussions

projects-img

Case Studies, Captstone Projects

Skills You Will Gain

What You Will Learn

Technology

Web Development

HTML

CSS

Web Design

Responsive Web Design

CSS3

HTML5

Target Students

This course is designed to teach beginners everything they need to know to build full stack websites and applications!

Course Instructors

Chris Dixon

Web Developer & Online Teacher

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.Whatever your reas...

Course Reviews

Average Rating Based on 4 reviews

4.8

75%

25%

Course Cover