Build Amazing Websites w/ HTML, CSS, Sass, JavaScript

Become a Professional Developer by learning through Projects
Enroll Now $199 $12.00

Why Enroll?

Check out just a few key highlights for:
Build Amazing Websites w/ HTML, CSS, Sass, JavaScript .

0 Students

Join a community of other students taking this course.

Duration

Each lecture is recorded in HD 1920x1080p with clear audio.

4.8/5 Stars

All courses are rated by fellow community members.

More Benefits

Learning with YouAccel has several exciting benefits.

Clear HD Video

All YouAccel courses are recorded and produced in 1920x1080p HD Quality.

Live Support

Have a question? Contact our support team at any time using our chat feature, or built-in messaging console.

Certification

All YouAccel courses come with a Certificate of Completion. This helps Showcase your proficiency in a subject to prospective employers.

Lifetime Access

All YouAccel courses include lifetime on-demand access. Class lecture are also available for offline viewing.

Community

Join a community of over 600,000 learners. Connect & Communicate through YouAccel's networking tools.

Job Pool

YouAccel's integration with Indeed makes it easy to search through thousands of jobs and apply with just a click.

Course Outline

A comprehensive list of all sections & lectures for this course can be found below.

Introduction

HTML and CSS Course Overview - 08:30 [Play]

Who is this Course for? - 04:10

Web Developer Marketplace - 02:51

Web Developer Job Opportunities - 03:56

Skills of Successful Web Developer - 04:58

Different Types of Web Developers - 05:46

The Course Projects - 03:05

HTML Quick Section Overview - 00:36 [Play]

What is HTML - 02:39

Environment Setup - installing Sublime Text - 02:00

Structure of an HTML Document - 05:13

HTML Heading and Paragraph Elements - 12:45

HTML Imaged and Attributes - 05:39

HTML Links - 04:07

CSS Quick Section Overview - 01:09 [Play]

Intro to CSS - Why use CSS? - 04:26

Colors in CSS - 10:51

CSS Selectors - 14:31

CSS Properties - background, font, and border properties - 10:07

CSS Box Model - intro to div element - 08:11

Making Simple Box Model Layouts - using div elements - 22:04

Incorporating Box Model into a Blog page - 26:32

Relative vs. Absolute Positioning - 08:06

Debugging your Code using Browser Tools - 04:48

Working with Fonts and Icons - 08:09 [Play]

Working with Colors - 09:21

Working with Images - 03:57

Whitespaces, Layout and User Experience (UX) - 02:12

Secret to Making Great Websites - 02:40

Rules to Design a Good Website - 02:25 [Play]

Project Requirements - Making Digital Services Agency Website - 06:08

Overview of the Digisolve Project - 04:26

Digisolve Project - Getting Started - 08:19

Setting Up Fluid Grid - 11:44

Building the Webpage Header - 19:47

Building the More Info Button - 09:28

Building the Logo + Menu - 12:03

Building the About Us Page - 10:52

Building the Portfolio Section - 26:13

Building the Services Page - 25:11

Building the Featured Clients Page - 07:26

Building the Testimonials Section - 21:36

Building the Popular Packages Page - 20:10

Popular Packages Continued - 08:45

Building the Contact Form - 28:26

Building the Webpage Footer - 23:18

Using Media Queries - Part 1 - 25:17 [Play]

Using Media Queries - Part 2 - 32:37

Browser Compatibility - 12:11

Intro to JQuery - 05:28 [Play]

Creating Sticky Navigation - 13:56

Scrolling to target elements - 09:17

Adding Animations without coding! - 17:20

Adding Animations Continued - 12:54

Optimizing Website Performance - 06:53 [Play]

Image Optimization - 10:26

Minifying the Code - 05:54

Launching the WebPage - 11:35

How CSS works (Part 1) - 03:09 [Play]

How CSS works (Part 2) - 09:49

How the Cascade Works - 12:34

How CSS Calculates pixel values and renders a website - 17:50

What is SASS? - 03:44 [Play]

SASS Basic Principles - variables, nesting - 31:06

SASS Basic Principles - mixins, extends, functions - 17:36

Command line basics - 05:59

What is NPM - 04:21

Installing and Setting up SASS and NPM - 11:54

How to Plan out your CSS - 04:55 [Play]

The BEM Model - 06:25

An Ideal Folder and File Structure for a CSS Project - 10:12

Different Types of Layouts - 03:28

Lakeview Project Overview - 06:42 [Play]

Setting Up The Project - 12:50

Creating Background Image for Header - 27:20

Automatic page reload with NPM and live-server - 07:19

Typography for Header - 20:33

Creating Buttons for Header - 13:59

Creating a Fluid Grid from Scratch - 07:22

Building the About Section Part 1 - 20:05

Building the About Section Part 2 - 12:43

Building the About Section Part 3 - 14:42

Building The Club Amenities Part 1 - 22:31

Building The Club Amenities Part 2 - 21:41

Building The Contact Form Part 1 - 26:33

Building The Contact Form Part 2 - 33:24

Building The Contact Form Part 3 - 25:52

Building Membership Plan Part 1 - 20:12

Building Membership Plan Part 2 - 32:30

Building Membership Plan Part 3 - 11:02

Building The Testimonials Section Part 1 - 19:23

Building The Testimonials Section Part 2 - 38:50

Building Testimonials Section Part 3 - 20:51

Mobile First vs. Desktop First Design - 11:46 [Play]

Media Queries with SASS Part 1 - 25:13

Media Queries with SASS Part 2 - 17:56

Media Queries with SASS part 3 - 18:09

Media Queries with SASS part 4 - 16:42

Making images responsive and optimized - 38:25

Density Switching Using CDN - 14:22

Ensuring Browser Support - 33:11

Intro To Flexbox Part 1 - 30:57 [Play]

Intro To Flexbox Part 2 - 16:13

Project Overview for Bizwizz website - 09:17

Setting up the Bizwizz Project - 10:36

Creating the Header Section - 41:00

Creating the Animated Button - 09:31

Creating SVG Waves - 10:29

Creating the Services Section - 20:25

Downloading and using SVG icons - 27:07

Creating the Meet Our Team Section - 38:28

Creating an Image Gallery - 19:07

Creating the Testimonials Section Part 1 - 26:46

Creating the Testimonials Section Part 2 - 39:19

Creating the Testimonials Section Part 3 - 42:20

Creating the Contact Section - 48:09

Creating the CTA Section - 04:05

Creating the Footer - 12:25

Making the Page Responsive - 46:45

Contacting Recruiters - 06:03 [Play]

Creating an Web Developer Resume - 08:19

Getting Started with Freelancing - 05:34

Top Freelance Websites - 11:08

Personal Branding - 05:41

Networking Do's and Don'ts - 05:27

Course Description

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%u2019re 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%u2019t going to get the job done so that%u2019s why this course is packed with practical hands-on examples that you can follow step by step.

My name Juan and I%u2019m 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%u2019re 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.

Build Amazing Websites w/ HTML, CSS, Sass, JavaScript

All course reviews are written by students who have completed the course or are currently enrolled.

Course Instructor - Juan Galvan

juan galvan
Teaching 16 Courses

juan galvan is currently teaching 16 courses. All courses are currently open for enrollment.

244,224 Enrollments

juan galvan currently has 244,224 global enrollments across 16 courses that are active on the platform.

4.5 Star Rating

juan galvan has an average rating of 4.5/5 stars, across 16 courses.

Hi I'm Juan. I've been an Entrepreneur since grade school. My background is in the tech space from Digital Marketing, E-commerce, Web Development to Programming. I believe in continuous education with the best of a University Degree without all the downsides of burdensome costs and inefficient methods. I look forward to helping you expand your skillsets.



All Courses include a 30-Day Satisfaction Guarantee.

You have nothing to lose. Give the course a try. If it's not what you expected, get a full refund within 30 days of purchase.