Learn How To Build Amazing Websites w/ HTML, CSS and Sass

What will i learn?

How to build amazing websites: professional, beautiful and responsive
Learn the skills needed to become a front-developer
Learn the fundamentals of web design
Learn the fundamentals of JavaScript
Modern CSS techniques to create stunning designs and effects
Step by Step website projects using HTML5 and CSS3
Sass project: global variables, architecting CSS, managing media queries, etc.
jQuery animation effects, scroll effects and

Requirements

Basic computer skills

Curriculum for this course

126 Lessons 20:42:35 Hours

Introduction

7 Lessons 00:33:16

HTML and CSS Course Overview
Preview 00:08:30
Who is this for
00:04:10
Web Developer Marketplace
00:02:51
Web Developer Job Opportunities
00:03:56
4 Skills of Successful Web Developer
00:04:58
Different Types of Web Developers
00:05:46
The Course Projects
00:03:05

Intro To HTML

7 Lessons 00:30:20

HTML Quick Section Overview
00:00:36
What is HTML?
.
Environment Setup - installing Sublime Text
00:02:00
Structure of an HTML Document
00:05:13
HTML Heading and Paragraph Elements
00:12:45
HTML Imaged and Attributes
00:05:39
HTML Links
00:04:07

Styling with CSS

11 Lessons 01:42:33

CSS Quick Section Overview
00:01:09
Intro to CSS - Why use CSS?
00:04:26
Inserting CSS into Code
00:14:30
Colors in CSS
00:10:51
CSS Selectors
.
CSS Properties - background, font, and border properties
00:10:07
CSS Box Model - intro to div element
.
Making Simple Box Model Layouts - using div elements
00:22:04
Incorporating Box Model into a Blog page
00:26:32
Relative vs. Absolute Positioning
00:08:06
Debugging your Code using Browser Tools
00:04:48

Basics of Web Design

5 Lessons 00:26:19

Working with Fonts and Icons
00:08:09
Working with Colors
00:09:21
Working with Images
00:03:57
Whitespaces, Layout & User Experience (UX)
00:02:12
Secret to Making Great Websites
00:02:40

Building a Website from Scratch

17 Lessons 02:45:05

Rules to Design a Good Website
00:02:25
Project Requirements: Making a Website for a Digital Services
00:06:08
Overview of the Digisolve Project
00:04:26
Digisolve project - Getting Started
00:08:19
Setting up Fluid Grid
00:11:44
Building the Webpage Header
00:09:28
Building the More Info Button Section
00:09:28
Building the Logo + Menu
.
Building the About Us Page
00:10:52
Building the Portfolio Section
.
Building the Services Page
.
Building the Featured Clients Page
.
Building the Testimonials Page
00:21:36
Building the Popular Packages Section
00:20:10
Popular Packages Continued
00:08:45
Building the Contact Form
00:28:26
Building the Webpage Footer
00:23:18

Making The Page Responsive

3 Lessons 00:44:48

Using Media Queries - Part 1
.
Using Media Queries - Part 2
00:32:37
Browser Compatibility
00:12:11

Adding Effects and Animations with JQuery

5 Lessons 00:41:35

Intro to JQuery
00:05:28
Creating Sticky Navigation
00:13:56
Scrolling to target elements
00:09:17
Adding Animations without coding!
.
Adding Animation Continued
00:12:54

Optimizing and Launching the Website

4 Lessons 00:34:48

Optimizing website performance
00:06:53
Image Optimization
00:10:26
Minifying the Code
00:05:54
Launching the Web Page
00:11:35

CSS Under the Hood

4 Lessons 00:12:58

How CSS works (Part 1)
00:03:09
How CSS works (Part 2)
00:09:49
How the Cascade Works
.
How CSS Calculates pixel values and renders a website
.

Intro to SASS and NPM OFFICIAL

6 Lessons 00:57:04

What is SASS?
00:03:44
SASS Basic Principles - variables, nesting
00:31:06
SASS Basic Principles - mixins, extends, functions
.
Command line basics
00:05:59
What is NPM?
00:04:21
Installing and Setting up SASS and NPM from the command line
00:11:54

Get Certifications

+ View more

Course overview

Want to learn how to become a front-end developer? You're in the right place!

Welcome to the: Build Amazing Websites w/ HTML, CSS, Sass, JavaScript & More Course!

In this course, you’re going to learn how to build professional websites and become a front-end developer and how to land your first job as a Web Developer or get your first Web Design Client even if you have no prior knowledge or experience.

In this practical, hands-on course our main objective is to give you the education so that you can master the fundamentals of expert web design with HTML, CSS, Sass, and various other tools.

Blending practical work with solid theoretical training, we take you from the basics of Web Design with HTML, CSS and Sass to mastery, giving you the training you need not just to create simple websites with HTML and CSS but also to create amazingly beautiful responsive websites.

And we understand that theory is important to build a solid foundation, we understand that theory alone isn’t going to get the job done so that’s why this course is packed with practical hands-on examples that you can follow step by step.

My name Juan and I’m one of your instructors in this course. My background in the Tech space specifically with Digital Marketing and Web Development to Programming

Nahid is your other instructor in this course and has many years of experience as a web developer and programmer.

Together we’re going to give you the foundational education that you need not just on how to design and create websites from scratch, but also how to get paid for your newly developed skills.

The course covers 5 main areas:

1. Course Intro

Web Developer Marketplace
Web Developer Job Opportunities
Front-End Developer
Back-End Developer
Full-Stack Developer
Course Website Projects Overview

2. HTML/CSS + Website Project

HTML Walkthrough
CSS Walkthrough
Building a Website w/ HTML+CSS
Effects and Animations with JQuery
Optimizing and Launching Website
SEO Mini-Course

3. SASS/NPM + Website Project

SASS Walkthrough
NPM Walkthrough
Building a Website w/ SASS+CSS
Advanced Responsive Design

4. Flexbox, JavaScript + Web Design Biz Course

Flexbox Walkthrough
Building a Website w/ Flexbox
CSS Grid Walkthrough
JavaScript Crash Course
Web Design Business Crash Course

5. Web Developer Career

Creating a Web Developer Resume
Contacting Recruiters
Getting Started with Freelancing
How to Get Web Design Clients
Top Freelance Websites
Personal Branding
Networking Do's and Don'ts
Why You Need a Website

No matter what the scenario or how complicated a website or design may be, this course gives you the foundational training you need to design amazingly beautiful websites and applications – and start pursuing a career in a field that is increasingly in demand as the global reliance on technology grows.

Who this course is for:

Students who want to learn to build websites from scratch

+ View more

Other related courses

01:09:14

Complete Bugzilla Course for Beginners

Thu, 02-Jun-2022

53 0 $20 $5

11:02:20

Modern JavaScript for Front End Developers

Mon, 18-Jul-2022

223 0 $30 $7

00:09:16

React JS pre-requisites

Wed, 28-Sep-2022

5,849 0 $50 $5

00:29:41

PyScript Fundamentals 101- Run Python in your Browser's HTML

Fri, 05-Aug-2022

19 0 $50 $5

00:40:52

Web3 / Blockchain Project Manager Certification Course

Fri, 05-Aug-2022

19 0 $50 $5

About instructor

Juan Galvan

17,583 Reviews | 511,882 Students | 23 Courses

Reviews

JP

Jaun Pierre D.

10/10/2022

Excellent course. I highly recommend it if you want to start in web development. Thanks for the great in depth course.
MA

Mohit A.

08/10/2022

The instructor follows a very practical and well balanced approach to teaching this stuff. She doesn't ignore the theoretical aspects either but paces the course in a way that students can understand the functionality first and then understand how it works behind the scenes. The projects used to teach the course are very appropriate as well. Honestly one of the best instructors I've ever had.
SB

Shashi B.

06/10/2022

This course is complete packag to learn designing a website that was really amazing.
EO

Enos O.

04/10/2022

I enjoyed the course. The last parts were not very thorough but overall I'm now market ready.
OC

Onyewuchi C

02/10/2022

I am new into web developing and will like to put in my best into learning. so far so good, its moving fine