Complete Web Design: HTML, CSS, Javascript, jQuery, Vue, Git

Focused View

Ivan Lourenço Gomes

20:25:41

31 View

1 - First Steps with HTML & CSS

1 - Downloading Visual Studio Code.mp4

03:33

2 - Basic Structure of an HTML Document.mp4

06:03

3 - HTML Elements Tags.mp4

05:16

3 - LinktoPrototypeProject1.pdf

4 - Lists and Links.mp4

07:25

5 - Images and Videos.mp4

06:28

6 - Styles.mp4

06:37

7 - HTML5 Semantic Elements.mp4

08:14

8 - The Developer Tools & More CSS Properties Part 1.mp4

10:21

9 - The Developer Tools & More CSS Properties Part 2.mp4

08:53

10 - Classes IDs and CSS Selectors.mp4

09:53

11 - Styling the Content of the Article.mp4

06:11

12 - Styling the List of Links.mp4

09:58

13 - Fonts.mp4

04:58

14 - Styling the Social Links.mp4

11:08

15 - Colors.mp4

08:00

15 - Project1.zip

15 - Project1InvisionFile.zip

2 - Diving Deeper Into HTML & CSS

16 - Introducing the Next Project & Setup.mp4

09:39

16 - LinktoPrototypeProject2.pdf

17 - Starting with the Header.mp4

09:41

18 - Alignment of Header Items With Flexbox.mp4

10:19

19 - Fixed Position on Header.mp4

11:31

20 - Doing the Logo in HTML & CSS.mp4

08:27

21 - Background Image of Hero Section.mp4

09:56

22 - Text Area of Hero Section Part 1.mp4

08:47

23 - Text Area of Hero Section Part 2.mp4

17:16

24 - Starting the Best Sellers Area.mp4

09:53

25 - The 3 Products Section.mp4

11:23

26 - Individual Product Boxes.mp4

06:34

27 - Product information.mp4

06:39

28 - Applying the New Tag.mp4

13:56

29 - Discounted price.mp4

04:41

30 - Newsletter Section.mp4

07:47

31 - Styling the newsletter elements.mp4

13:49

32 - The Footer Element.mp4

07:14

33 - Bottom Navigation.mp4

13:39

34 - HTML Entities.mp4

06:12

35 - Hover states.mp4

13:13

3 - Responsive Design with CSS Media Queries

36 - Intro to CSS Media Queries.mp4

10:56

36 - PrototypeLinkProject3.pdf

37 - Setting up the Breakpoints.mp4

13:49

38 - A Note About Media Queries Organization.mp4

08:06

39 - Designing the Header Navigation.mp4

17:15

40 - Designing the Hero Section.mp4

12:54

41 - Responsive Images with HTML5s Picture Element.mp4

10:36

42 - The Best Sellers Section.mp4

14:11

42 - stylesresponsivefinished.zip

43 - Newsletter and Footer.mp4

11:43

44 - Internal Links.mp4

13:59

44 - Project2TechHomepage.zip

44 - Project2TechShopInvision.zip

4 - Hosting & Domain Publishing Our Website Online

45 - Hosting and Domain A Brief Explanation.mp4

05:12

46 - Using a Free Hosting Service.mp4

11:45

47 - Configuring FTP.mp4

07:56

48 - Using a Paid Hosting Service.mp4

11:03

49 - Setting up a Customized COM Domain Name.mp4

10:01

5 - Javascript Basics

50 - Javascript Course Intro.mp4

06:23

50 - javascriptcourse.zip

51 - First Steps With Javascript.mp4

08:45

52 - Javascript Syntax.mp4

07:00

53 - DOM Document Object Model.mp4

02:56

54 - Working With The DOM.mp4

08:50

55 - Variables.mp4

13:59

56 - Data Types Strings.mp4

09:15

57 - Data Types Numbers Part 1.mp4

10:39

58 - Data Types Numbers Part 2.mp4

06:16

59 - Data Types Booleans.mp4

11:25

60 - Data Types Null and Undefined.mp4

05:38

61 - List Of Exercises 1.mp4

05:58

62 - List Of Exercises 1 Solution Part 1.mp4

14:26

63 - List Of Exercises 1 Solution Part 2.mp4

10:28

64 - Functions.mp4

09:41

65 - Data Types Arrays.mp4

12:58

66 - Data Types Objects.mp4

10:23

67 - Objects Methods.mp4

08:09

68 - List Of Exercises 2.mp4

03:21

69 - List Of Exercises 2 Solution Part 1.mp4

17:45

70 - List Of Exercises 2 Solution Part 2.mp4

09:56

6 - Diving Deeper into Javascript

71 - Events.mp4

17:00

72 - CSS Manipulation.mp4

09:45

73 - More getElement Methods.mp4

06:13

74 - For and For in Loops.mp4

17:55

75 - While Loops.mp4

05:07

76 - Conditionals.mp4

09:53

77 - Conditionals Part 2.mp4

10:01

78 - Nested Loops and Conditionals.mp4

15:07

79 - Variable Scope.mp4

14:37

80 - List Of Exercises 3.mp4

04:39

81 - List Of Exercises 3 Solution Part 1.mp4

10:59

82 - List Of Exercises 3 Solution Part 2.mp4

15:07

83 - List Of Exercises 3 Solution Part 3.mp4

12:36

84 - BOM Browser Object Model.mp4

09:16

85 - Date & Time.mp4

11:00

86 - Challenge Calculating Date Intervals.mp4

06:35

87 - Time Methods.mp4

13:25

88 - Clock Challenge.mp4

09:50

89 - Break and Continue.mp4

08:35

90 - Forms.mp4

14:55

91 - Forms Part 2.mp4

09:18

92 - The onchange Event.mp4

14:57

93 - List Of Exercises 4.mp4

03:53

94 - List Of Exercises 4 Solution Part 1.mp4

13:59

95 - List Of Exercises 4 Solution Part 2.mp4

14:29

96 - List Of Exercises 4 Solution Part 3.mp4

12:04

97 - List Of Exercises 4 Solution Part 4.mp4

11:02

98 - List Of Exercises 4 Solution Part 5.mp4

17:47

7 - Project 3 WeDesign Website

99 - Presentation.mp4

06:23

99 - Wedesignen.zip

100 - Mobile Menu.mp4

05:15

101 - About Us Section.mp4

13:26

102 - Our Services Sections.mp4

14:14

103 - Contact Form.mp4

15:34

104 - Copyright Year on Footer.mp4

03:39

104 - Wedesignsolved.zip

8 - jQuery

105 - jQuery Intro.mp4

06:52

106 - jQuery Syntax.mp4

11:06

107 - DOM Manipulation.mp4

12:01

108 - Forms.mp4

13:06

109 - Forms Part 2.mp4

08:35

110 - CSS Classes Manipulation.mp4

05:20

111 - Events.mp4

09:52

112 - Events Challenge.mp4

07:35

113 - Effects.mp4

12:46

114 - The Animate Method.mp4

08:30

115 - Download The scriptsjs File Used Throughout The Course.html

9 - Project 4 Online TShirt Store

116 - Presentation of the project.mp4

06:38

116 - tshirts.zip

117 - Getting the Search Parameters.mp4

11:36

118 - Update Order Details.mp4

15:38

119 - Calculate the Price.mp4

14:16

120 - Update the Product Photo.mp4

04:40

121 - The Change Event For The Quantity and Style Filters.mp4

05:05

122 - The Change Event For The Color and Quality Filters.mp4

13:46

123 - Formatting the Price.mp4

12:33

123 - tshirtssolved.zip

Description

7 Courses in 1! Learn Webdesign and Become a Professional Front End Web Developer! From Complete Beginner to Advanced.

What You'll Learn?

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

Who is this for?

Students aiming at starting a career as a Web Developer

Freelance entrepreneurs willing to start building and selling custom-made websites

Students looking to begin learning to code and taking the first steps on Programming and Web Development

Every person looking to learn new skills & technologies

Web developers who want to master Vue JS to build modern web applications

What You Need to Know?

No previous knowledge in programming is required, we'll teach you everything from the beginning

No paid software required

More details

Description
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!
Who this course is for:
Students aiming at starting a career as a Web Developer
Freelance entrepreneurs willing to start building and selling custom-made websites
Students looking to begin learning to code and taking the first steps on Programming and Web Development
Every person looking to learn new skills & technologies
Web developers who want to master Vue JS to build modern web applications

User Reviews

Rating

average 0

Total votes0

Focused display

Ivan is a top Udemy instructor currently teaching 17 courses in 4 languages with 420.000+ students worldwide.He became famous for his hands-on and easy-to-grasp teaching style using techniques that can benefit students from all levels, from complete beginners to advanced professionals.Ivan studied Business in college and has been working for multinational companies since 2004. He has a strong experience in various business areas, such as Sales, Purchasing, Logistics, International Trading, Accounting and Production.In 2014 he made a transition to I.T., where he quickly grew from a Front End Web Developer to the Product Owner and Leader of a Web Development Team at a big e-commerce UK company. Some of his courses include:• HTML / CSS• Javascript• Vue JS, Vue Router and Vuex• PHP• Web Design• Invision Studio• Python• Machine Learning• Microsoft Excel• Email Writing and EtiquetteEnroll now in one of his courses and start learning hot topics in Business, Web Development and Programming!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.