Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-02-13 22:37:01
30-Day Money-Back Guarantee
Development Web Development CSS

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

Learn how to build professional websites & become a front-end developer! [Includes 2 Web Projects, Flexbox, Grid, & SEO]
Hot & New
Rating: 4.5 out of 54.5 (166 ratings)
26,263 students
Created by Juan E. Galvan, Nahid Akhter
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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

Course content

17 sections • 139 lectures • 26h 46m total length

  • Preview04:09
  • Preview02:51
  • Preview03:55
  • Preview04:57
  • Different Types of Web Developers
    05:46
  • The Course Projects
    03:05

  • Preview00:35
  • 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:44
  • HTML Imaged and Attributes
    05:39
  • HTML Links
    04:07

  • CSS Quick Section Overview
    01:09
  • Intro to CSS - Why use CSS?
    04:26
  • Inserting CSS into Code
    14:30
  • Colors in CSS
    10:50
  • CSS Selectors
    14:31
  • CSS Properties - background, font, and border properties
    10:07
  • CSS Box Model - intro to div element
    08:10
  • 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:08
  • Working with Colors
    09:21
  • Working with Images
    03:56
  • Whitespaces, Layout & User Experience (UX)
    02:12
  • Secret to Making Great Websites
    02:40

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

  • Using Media Queries - Part 1
    25:17
  • Using Media Queries - Part 2
    32:37
  • Browser Compatibility
    12:10

  • Intro to JQuery
    05:27
  • Creating Sticky Navigation
    13:56
  • Scrolling to target elements
    09:17
  • Adding Animations without coding!
    17:19
  • Adding Animation Continued
    12:53

  • Optimizing website performance
    06:52
  • Image Optimization
    10:26
  • Minifying the Code
    05:53
  • Launching the Web Page
    11:34
  • SEO Mini Course
    01:49:37

  • How CSS works (Part 1)
    03:09
  • How CSS works (Part 2)
    09:48
  • How the Cascade Works
    12:33
  • How CSS Calculates pixel values and renders a website
    17:50

  • What is SASS?
    03:44
  • SASS Basic Principles - variables, nesting
    31:05
  • 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 from the command line
    11:54

Requirements

  • Basic computer skills

Description

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

Early Bird Release for the full upcoming Build Amazing Websites w/ HTML, CSS, Sass, JavaScript & More Course!

Please note! This is currently in Early Bird Beta access, meaning we are still going to be continually adding content to the course (even though we are already at over 26 hours of content!) Since we're still adding content and taking student feedback as we complete the course through the coming weeks, students who enroll now will get access to a wide variety of benefits!

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

Instructors

Juan E. Galvan
Digital Entrepreneur | Marketer | Visionary
Juan E. Galvan
  • 4.4 Instructor Rating
  • 3,921 Reviews
  • 175,268 Students
  • 19 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.

Nahid Akhter
Course Instructor
Nahid Akhter
  • 4.5 Instructor Rating
  • 166 Reviews
  • 26,263 Students
  • 1 Course

Nahid Akhter is a writer, programmer, and online course content creator. She has an MS in Computer Science and has been in the education line for more than 14 years. As a freelancer, she has worked with a number of organizations from different countries, including the US, UK, Canada, Japan, UAE, Bangladesh, and India.

Some of the organizations she has worked with include Microsoft, CodeAcademy, UK-based MindChannel, Japan-based AnimateU and leading Bangladeshi newspaper The Daily Star.

She has created content for a number of online courses on programming, creativity, and other topics on different online course platforms. She enjoys learning new languages, programming and doing research. Her areas of interest in the IT domain include Artificial Intelligence, Machine Learning, Data Science as well as Web design and development.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.