Complete Web Design: HTML, CSS, JavaScript, Vue, React, Git
- Descrição
- Currículo
- FAQ
- Revisões
Course Overview
In this comprehensive course, you will learn all the fundamental skills required to build websites from the ground up and become an experienced Front-End Web Developer. No previous knowledge is needed, as the course is designed to take you from an absolute beginner to a proficient web developer in a short time.
Course Content
This exclusive course covers the most important languages and technologies in Front-End Web Development:
HTML & CSS
-
HTML5 & CSS3
-
Semantic elements
-
Complete Guide to Colors and Fonts in CSS
-
Flexbox
-
Responsive design and CSS media queries
-
Working with Figma design prototypes
-
FTP, Domain, and Hosting
JavaScript
-
JavaScript from Zero to Advanced
-
Data Types in-depth
-
Functions, loops, and conditionals
-
JavaScript best practices
-
Image galleries and product filters in JavaScript
-
HTTP requests with the Fetch method
-
Working with external APIs
jQuery Essentials
-
jQuery Syntax
-
Handling forms
-
CSS Manipulation
-
Event Handling
-
Animations & Effects
TypeScript
-
TypeScript Basics
-
Data Types
-
Interfaces
-
Union Types, and more
React JS
-
React JS from Zero to Advanced
-
React Router
-
Redux / Redux Toolkit
-
Firebase (Authentication, Realtime Database & Hosting)
-
React JS + TypeScript
Vue JS
-
Vue JS from Zero to Advanced
-
Options API & Composition API
-
State Management with Pinia
-
Multi-page apps with Vue Router
-
Vue Dev Tools
-
Vue CLI and Vite
Git
-
Git from Zero to Advanced
-
Best practices in version control
-
Git on the command line, VS Code source control, and GUI applications
-
Complete Guide to Branches
-
GitHub and other remote servers
-
GitHub Desktop App
Website Performance
-
Website Performance Basics
-
Google Lighthouse and Page Speed Insights
-
Core Web Vitals
-
GT Metrix
-
Google Search Console
Hands-on Learning Method
Using our step-by-step, hands-on method with real-life projects, challenges, and exercises, you will learn to build beautiful web pages in an engaging and intuitive way.
Course Features (2nd Edition)
-
360+ lessons
-
45 hours of video content
-
12 real-life projects
-
Complete course material for download
Additionally, the 1st edition of the course is also included, providing you with the legacy learning resources, including jQuery.
Launch Your Web Development Career
Whether you aim to start a career in the tech industry as a web developer, become a freelance web designer, or simply want to learn how to build websites, this course will fast-track your journey.
By mastering HTML, CSS, JavaScript, jQuery, React, TypeScript, Vue JS, and Git, you will acquire essential skills that form the building blocks of the web. Regardless of the path you choose, this course provides high-quality content and a great learning experience to help you achieve your goals.
Join over 26,000 students worldwide in this highly-rated course. Enroll now and start building amazing websites and web applications!
-
1Introducing The Course and Project #1Vídeo Aula
-
2Downloading Visual Studio CodeVídeo Aula
-
3HTML TagsVídeo Aula
-
4The Basic HTML5 StructureVídeo Aula
-
5The <img> Tag for ImagesVídeo Aula
-
6The <a> Tag for LinksVídeo Aula
-
7Lists with <ul> and <ol>Vídeo Aula
-
8The <video> Tag and Embedded Youtube VideosVídeo Aula
-
9HTML5 Semantic ElementsVídeo Aula
-
10Installing the Live Server ExtensionVídeo Aula
-
11Styling with CSSVídeo Aula
-
12The Developer ToolsVídeo Aula
-
13Margins and PaddingsVídeo Aula
-
14Centralizing Elements with Auto MarginVídeo Aula
-
15CSS Selectors: Classes, IDs, Groups & Universal SelectorsVídeo Aula
-
16CSS Fonts: Generic Font Families, Web Safe & Google FontsVídeo Aula
-
17Text Properties: Font Size, Line Height, Letter Spacing, Text Align & MoreVídeo Aula
-
18Descendant Selectors & CSS NestingVídeo Aula
-
19CSS Colors: Color Names, HEX Codes and RGBVídeo Aula
-
20Text Transform & Text DecorationVídeo Aula
-
21CSS BordersVídeo Aula
-
22Project #2: PresentationVídeo Aula
-
23Structure of the Header SectionVídeo Aula
-
24Setting Up the Page ContainerVídeo Aula
-
25Alignment with Flexbox (Part 1)Vídeo Aula
-
26Alignment with Flexbox (Part 2)Vídeo Aula
-
27Project: Adjustments to the Header SectionVídeo Aula
-
28Project: The Hero Section - Background ImageVídeo Aula
-
29Project: The Hero Content - Absolute PositionVídeo Aula
-
30Project: The Hero Content ElementsVídeo Aula
-
31Project: The Best Sellers SectionVídeo Aula
-
32Project: The Products AreaVídeo Aula
-
33Project: Styles for the Product BoxesVídeo Aula
-
34Project: The Product Info BoxVídeo Aula
-
35Project: Using Pseudo Elements for the 'new' TagVídeo Aula
-
36Project: The Discounted Price ElementVídeo Aula
-
37Project: The Newsletter SectionVídeo Aula
-
38Project: Styling the Form FieldsVídeo Aula
-
39Project: The Footer Section (Part 1)Vídeo Aula
-
40Project: The Footer Section (Part 2)Vídeo Aula
-
41Project: The Hover StatesVídeo Aula
-
42Understanding the 3 Types of Links in HTMLVídeo Aula
-
43CSS Media QueriesVídeo Aula
-
44Project: Styles for Small Desktop (Part 1)Vídeo Aula
-
45Project: Styles for Small Desktop (Part 2)Vídeo Aula
-
46Project: Styles for TabletVídeo Aula
-
47Project: The Mobile Menu IconVídeo Aula
-
48Responsive Images with the Picture ElementVídeo Aula
-
49Project: Styles for Mobile DevicesVídeo Aula
-
50Project: Best Sellers & Footer for Mobile DevicesVídeo Aula
-
68VariablesVídeo Aula
-
69Variable Naming Rules and Best PracticesVídeo Aula
-
70Introduction to Javascript Data TypesVídeo Aula
-
71Data Types: StringsVídeo Aula
-
72Data Types: NumbersVídeo Aula
-
73Project: Greeting Your UsersVídeo Aula
-
74Project: Replacing Dynamic Values in the Greeting MessageVídeo Aula
-
75Data Types: ArraysVídeo Aula
-
76Data Types: ObjectsVídeo Aula
-
77Data Types: BooleansVídeo Aula
-
78Data Types: Null & UndefinedVídeo Aula
