This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
Complete Web Design: HTML, CSS, Javascript, jQuery, Vue, Git
7 Courses in 1! Learn Webdesign and Become a Professional Front End Web Developer! From Complete Beginner to Advanced.
Complete HTML5 & CSS3 with 2 projects
Reponsive Design with CSS Media Queries
FTP, Hosting, Domain & PHP MyAdmin
Complete JAVASCRIPT including learning material, 5 lists of exercises & 2 projects
jQuery basics including learning material & 1 project
Use Ajax & JSON to work with external APIs
TYPESCRIPT Basics
TYPESCRIPT Beginner Project
Complete VUE JS 3 with 5 projects including Vue Router
VUE 3 with Options API & Composition API
VUE 3 State Management with Pinia (2023 Update)
GIT Beginner to Advanced from command line, VS Code & Git IDEs
GIT branching system & workflows for software releases
GITHUB & Other Remote Git Repos
Overview
In this course, you will learn the basic fundamentals of how to build websites from the ground up. No previous knowledge is required to take this course, you will learn from the absolute beginning and start coding in a short time.
This is an exclusive course, which includes the 6 most important languages ​​and technologies in Front-End Web Development and its main topics:
-
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 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
-
TypeScript Basics, Including a beginner project
-
Vue JS from Zero to Advanced
-
Composition API
-
State Management with Pinia
-
Multi-page apps with Vue Router
-
Vue Dev Tools
-
Vue CLI and Vite
-
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
Our Hands-on Method
With our hands-on step-by-step method with real-life projects, challenges and exercises you will learn how to build beautiful web pages in a fun and intuitive way.
This course offers 170 lessons with 32 hours of video, 9 real-life projects, several lists of exercises and complete course material for download.
Start your career as a Web Developer!
Whether you are aiming at starting a career in the tech industry or you are a freelance web designer who wants to learn front-end development, or even if you just want to learn how to build websites as a hobby, this course will take you there fast.
Being the building blocks of the world wide web, HTML, CSS, Javascript, jQuery, Vue JS & Git are fundamental skills for any IT professional.
With these skills, you can build your own digital products, work as a freelancer or pursue a successful career in a big tech company. No matter the path you choose, this course is going to provide you with high-quality content and a great learning experience to help you achieve all your goals.
Join 20,000+ students worldwide in this highest-rated course. and Enroll now and let’s start building amazing websites and web applications!
Diving Deeper Into HTML & CSS
-
1
Downloading Visual Studio Code -
2
Basic Structure of an HTML Document
-
3
HTML Elements (Tags)
All prototypes of the course have been moved to Figma. Please see the instructions here: https://docs.google.com/document/d/16egKXBLS44RwDI6ZIPeL0EK_cmQRoD_UBtfDd7lmp-w/edit?usp=sharing
-
4
Lists and Links
-
5
An Ordered List of Links -
6
Images and Videos
-
7
Styles
-
8
HTML5 Semantic Elements
-
9
The Developer Tools & More CSS Properties (Part 1)
-
10
The Developer Tools & More CSS Properties (Part 2)
-
11
Styling Elements with CSS
-
12
Classes, IDs, and CSS Selectors
-
13
Styling the Content of the Article
-
14
Styling the List of Links
-
15
Fonts
-
16
Styling the Social Links
-
17
Colors
Responsive Design with CSS Media Queries
-
18
Introducing the Next Project & Setup
-
19
Starting with the Header
-
20
Alignment of Header Items With Flexbox
-
21
Fixed Position on Header
-
22
Doing the Logo in HTML & CSS
-
23
Background Image of Hero Section
-
24
Text Area of Hero Section (Part 1)
-
25
Text Area of Hero Section (Part 2)
-
26
Starting the Best Sellers Area
-
27
The 3 Products Section
-
28
Individual Product Boxes
-
29
Product information
-
30
Applying the New Tag
-
31
Discounted price
-
32
Newsletter Section
-
33
Styling the newsletter elements
-
34
The Footer Element
-
35
Bottom Navigation
-
36
HTML Entities
-
37
Hover states
Hosting & Domain - Publishing Our Website Online
Javascript Basics
Diving Deeper into Javascript
-
52
Javascript Course Intro
-
53
First Steps With Javascript
-
54
Javascript Syntax
-
55
DOM - Document Object Model
-
56
Working With The DOM
-
57
Manipulate HTML elements
-
58
Variables
-
59
Data Types: Strings
-
60
Working With Strings
-
61
Data Types: Numbers (Part 1)
-
62
Data Types: Numbers (Part 2)
-
63
Data Types: Booleans
-
64
Data Types: Null and Undefined
-
65
List Of Exercises # 1
-
66
List Of Exercises # 1 (Solution - Part 1)
-
67
List Of Exercises # 1 (Solution - Part 2)
-
68
Functions
-
69
Functions
-
70
Data Types: Arrays
-
71
Data Types: Objects
-
72
Objects Methods
-
73
List Of Exercises # 2
-
74
List Of Exercises # 2 (Solution - Part 1)
-
75
List Of Exercises # 2 (Solution - Part 2)
You can view and review the lecture materials indefinitely, like an on-demand channel.
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!