Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Build Amazing Websites - HTML, CSS, Sass, JavaScript and More

person icon Juan Galvan

3.9

Build Amazing Websites - HTML, CSS, Sass, JavaScript and More

Learn how to build professional websites & become a front-end developer! [Includes 2 Web Projects, Flexbox, Grid, & SEO]

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Juan Galvan

English [CC]

category icon Development,Web Development,CSS

Lectures -124

Resources -2

Duration -30 hours

3.9

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

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’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.

Goals

What will you learn in this course:

  • 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

Prerequisites

What are the prerequisites for this course?

  • Basic computer skills
Build Amazing Websites - HTML, CSS, Sass, JavaScript and More

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
6 Lectures
  • play icon Whos this course is for? 04:09 04:09
  • play icon Web Developer Marketplace 02:51 02:51
  • play icon Web Developer Job Opportunities 03:55 03:55
  • play icon 4 Skills of Successful Web Developer 04:57 04:57
  • play icon Different Types of Web Developers 05:46 05:46
  • play icon The Course Projects 03:05 03:05
Intro to HTML
7 Lectures
Tutorialspoint
Styling with CSS
10 Lectures
Tutorialspoint
Basics of Web Design
6 Lectures
Tutorialspoint
Project - Building a Website from Scratch (with CSS and HTML)
17 Lectures
Tutorialspoint
Making the Page Responsive
3 Lectures
Tutorialspoint
Adding Effects and Animations with JQuery
5 Lectures
Tutorialspoint
Optimizing and Launching the Website
4 Lectures
Tutorialspoint
CSS under the Hood
4 Lectures
Tutorialspoint
Intro to SASS and NPM
6 Lectures
Tutorialspoint
Good CSS Practices
4 Lectures
Tutorialspoint
Project - Building a Country Club Website with SASS, and CSS
20 Lectures
Tutorialspoint
Advanced Responsive Design
8 Lectures
Tutorialspoint
Flexbox
18 Lectures
Tutorialspoint
Starting a Career As a Web Developer
6 Lectures
Tutorialspoint

Instructor Details

Juan Galvan

Juan Galvan

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515