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

Learn How To Build Amazing Websites w/ HTML, CSS and Sass, available at $69.99, has an average rating of 4.8, with 166 lectures, 3 quizzes, based on 1836 reviews, and has 103053 subscribers.

You will learn about 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 sticky navigation Advanced CSS animations How to make your website stand out Learn the fundamentals of SEO Website projects for you to follow step by step How to get web design clients Ready-to-use email scripts for getting clients Ready-to-use proposal template Ready-to-use consultation scripts for getting clients Flexbox layouts: build a project with flexbox Advanced responsive design: media queries, mobile vs desktop NPM: development workflows and building processes This course is ideal for individuals who are Students who want to learn to build websites from scratch It is particularly useful for Students who want to learn to build websites from scratch.

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

Summary

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

Price: $69.99

Average Rating: 4.8

Number of Lectures: 166

Number of Quizzes: 3

Number of Published Lectures: 166

Number of Published Quizzes: 3

Number of Curriculum Items: 169

Number of Published Curriculum Objects: 169

Original Price: $109.99

Quality Status: approved

Status: Live

What You Will 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 sticky navigation

Advanced CSS animations

How to make your website stand out

Learn the fundamentals of SEO

Website projects for you to follow step by step

How to get web design clients

Ready-to-use email scripts for getting clients

Ready-to-use proposal template

Ready-to-use consultation scripts for getting clients

Flexbox layouts: build a project with flexbox

Advanced responsive design: media queries, mobile vs desktop

NPM: development workflows and building processes

Who Should Attend

Students who want to learn to build websites from scratch

Target Audiences

Students who want to learn to build websites from scratch

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Whos this course is for?

Lecture 2: Web Developer Marketplace

Lecture 3: Web Developer Job Opportunities

Lecture 4: 4 Skills of Successful Web Developer

Lecture 5: Different Types of Web Developers

Lecture 6: The Course Projects

Chapter 2: Intro to HTML

Lecture 1: HTML Quick Section Overview

Lecture 2: What is HTML?

Lecture 3: Environment Setup – installing Sublime Text

Lecture 4: Structure of an HTML Document

Lecture 5: HTML Heading and Paragraph Elements

Lecture 6: HTML Imaged and Attributes

Lecture 7: HTML Links

Chapter 3: Styling with CSS

Lecture 1: CSS Quick Section Overview

Lecture 2: Intro to CSS – Why use CSS?

Lecture 3: Inserting CSS into Code

Lecture 4: Colors in CSS

Lecture 5: CSS Selectors

Lecture 6: CSS Properties – background, font, and border properties

Lecture 7: CSS Box Model – intro to div element

Lecture 8: Making Simple Box Model Layouts – using div elements

Lecture 9: Incorporating Box Model into a Blog page

Lecture 10: Relative vs. Absolute Positioning

Lecture 11: Debugging your Code using Browser Tools

Chapter 4: Basics of Web Design

Lecture 1: Working with Fonts and Icons

Lecture 2: Working with Colors

Lecture 3: Working with Images

Lecture 4: Whitespaces, Layout & User Experience (UX)

Lecture 5: Secret to Making Great Websites

Chapter 5: Project – Building a Website from Scratch (with CSS and HTML)

Lecture 1: Rules to Design a Good Website

Lecture 2: Project Requirements: Making a Website for a Digital Services

Lecture 3: Overview of the Digisolve Project

Lecture 4: Digisolve project – Getting Started

Lecture 5: Setting up Fluid Grid

Lecture 6: Building the Webpage Header

Lecture 7: Building the More Info Button Section

Lecture 8: Building the Logo + Menu

Lecture 9: Building the About Us Page

Lecture 10: Building the Portfolio Section

Lecture 11: Building the Services Page

Lecture 12: Building the Featured Clients Page

Lecture 13: Building the Testimonials Page

Lecture 14: Building the Popular Packages Section

Lecture 15: Popular Packages Continued

Lecture 16: Building the Contact Form

Lecture 17: Building the Webpage Footer

Chapter 6: Making the Page Responsive

Lecture 1: Using Media Queries – Part 1

Lecture 2: Using Media Queries – Part 2

Lecture 3: Browser Compatibility

Chapter 7: Adding Effects and Animations with JQuery

Lecture 1: Intro to JQuery

Lecture 2: Creating Sticky Navigation

Lecture 3: Scrolling to target elements

Lecture 4: Adding Animations without coding!

Lecture 5: Adding Animation Continued

Chapter 8: Optimizing and Launching the Website

Lecture 1: Optimizing website performance

Lecture 2: Image Optimization

Lecture 3: Minifying the Code

Lecture 4: Launching the Web Page

Lecture 5: SEO Mini Course

Chapter 9: CSS under the Hood

Lecture 1: How CSS works (Part 1)

Lecture 2: How CSS works (Part 2)

Lecture 3: How the Cascade Works

Lecture 4: How CSS Calculates pixel values and renders a website

Chapter 10: Intro to SASS and NPM

Lecture 1: What is SASS?

Lecture 2: SASS Basic Principles – variables, nesting

Lecture 3: SASS Basic Principles – mixins, extends, functions

Lecture 4: Command line basics

Lecture 5: What is NPM?

Lecture 6: Installing and Setting up SASS and NPM from the command line

Chapter 11: Good CSS Practices

Lecture 1: How to Plan out your CSS

Lecture 2: The BEM Model

Lecture 3: An Ideal Folder and File Structure for a CSS Project

Lecture 4: Different Types of Layouts

Chapter 12: Project – Building a Country Club Website with SASS, and CSS

Lecture 1: Lakeview Project Overview

Lecture 2: Setting up the Project with Starter Code & Resources

Lecture 3: Creating a Background Image for Header Slider

Lecture 4: Automatic page reload with NPM and live-server

Lecture 5: Typography For Header

Lecture 6: Creating Buttons for Header

Lecture 7: Creating a Fluid Grid from Scratch

Lecture 8: Build the About Section Part 1

Lecture 9: Build About Section Part 2

Lecture 10: Building the Testimonials Section

Lecture 11: Building The Testimonials Section Part 2

Lecture 12: Building The Club Amenities Part 1

Instructors

Juan E. Galvan
Digital Entrepreneur | Business Coach

Nahid Akhter
Course Instructor

Rating Distribution

1 stars: 10 votes

2 stars: 33 votes

3 stars: 195 votes

4 stars: 627 votes

5 stars: 971 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!