Web Wizards: Learn HTML, CSS, & JavaScript for beginners

Focused View

Sam Surkhang

3:53:58

53 View

1. Introduction

1. Course Outline.mp4

01:58

2. Introduction.mp4

02:37

3. Journey to Roblox.com.mp4

01:42

4. History of Internet.mp4

02:05

2. HTML

1. Introduction to HTML.mp4

06:49

2. Demo -Creating the first HTML page.mp4

06:26

3. Demo - How to add a list to your HTML page.mp4

04:24

4. Demo - Adding image to your HTML document.mp4

03:06

5. Demo - How to create a table to your HTML document.mp4

03:59

6. Demo - Adding border to table.mp4

03:13

7. Validating HTML.mp4

01:52

3. CSS

1. What is CSS.mp4

03:57

2. Demo - How to change your HTML with basic CSS.mp4

04:55

3. What is the CSS box model.mp4

01:51

4. Demo - How to use CSS Box Model Part 1.mp4

02:42

5. Demo - How to use CSS Box Model Part 2.mp4

03:32

6. Demo - Styling images and using Animation.mp4

04:40

4. JavaScript

1. Introduction to JavaScript.mp4

04:39

2. Programming Concepts.mp4

02:50

3. Demo - First JavaScript Program.mp4

03:21

4. Variables and Data Types.mp4

06:05

5. Demo - How to use variables and display alert.mp4

04:14

6. Number type variables.mp4

01:06

7. Demo - How to use number variables.mp4

02:11

8. Control Structures.mp4

05:54

9. If Statements.mp4

06:35

10. Switch Statements.mp4

05:07

11. Loops.mp4

06:27

12. Demo of Loops.mp4

04:16

13. Functions.mp4

05:20

14. Demo of functions.mp4

04:38

15. Javascript and HTML document.mp4

05:07

16. Demo - Updating HTML using JavaScript.mp4

04:12

17. Methods, Properties and Events of Elements and DOM.mp4

03:42

18. Demo - Making HTML interactive with JavaScript.mp4

09:16

5. Projects

1. Introduction.mp4

00:57

2. What you will build.mp4

01:38

3. Calculator Project Requirement and Design.mp4

02:14

4. Creating the Calculator HTML & CSS.mp4

07:30

5. Calculator - Improving the CSS.mp4

03:56

6. Calculator - Adding JavaScript to click events.mp4

04:01

7. Calculator - Showing the numbers on the screen.mp4

05:49

8. Calculator - Updating the display in the textbox.mp4

05:29

9.1 JSbin to the calculator project.html

9. Calculator - Final Result.mp4

13:41

10. Solar System Project Requirements and Design.mp4

01:28

11. Visual Studio Code Download and Installation.mp4

01:28

12. Solar System - Adding the HTML.mp4

07:49

13. Solar System - Adding the CSS.mp4

05:41

14. Solar System - Adding Animations to Planets.mp4

06:07

15. Solar System - Shooting Stars.mp4

10:31

16.1 SolarSystem.zip

16. Solar System - JavaScript.mp4

10:51

Description

A beginner level course that will teach you how to code web site and applications

What You'll Learn?

Learn HTML, CSS and JavaScript
Learn Javascript. the #1 programming language
Create a calculator Website that works like a real calculator
Create a solar system website with animation, star and meteor
Learn concepts that will help you become a future coder
Learn how to build a complete WebSite using HTML, CSS and JavaScript

Who is this for?

Beginner interested in learning web development using HTML, CSS and JavaScript

What You Need to Know?

No programming experience required. You will learn everything you are required to know

More details

Description
JavaScript is a very popular programming language. HTMLÂ and CSSÂ are used in every web site that you come across. Learning these three technologies is a great idea due to its popularity and demand.Â It is also easy to get started and you can use your creativity to build many types of web applications.Â JavaScript has been ranked as #1 programming language by developers in stackoverflow survey in 2023 and has held the #1 rank for the past 11 years in their survey.

This course will walk you through all the basic concepts of the 3 technologies. There are only few lectures and most of the content in this course are demos. Lectures are generally less than 4 minutes long to keep the learner focused.
There are 2 fun projects in this course that will highlight all the concepts of the course and will inspire the learners of this course to come up with their own cool ideas for projects.
This course is intended for anyone who wants to learn programming or coding to build web applications.Â You will learn
The basics of html, css and JavaScript.
How to create a web page using different HTML elements and tags
How to use CSSÂ to style the HTMLÂ elements
How to use JavaScript to make your website interactive and fun
Create a web site that has a calculator that works and looks like a physical calculator
Create a solar system website with planets, animations, stars and metoers
IfÂ a student under the age of 18 wishes to take this course, the course must be purchased by a parent or guardian and the account and enrollment must be managed and supervised by the parent or the guardian.
Who this course is for:
Beginner interested in learning web development using HTML, CSS and JavaScript

User Reviews

Rating

average 0

Total votes0

Focused display

Hello! I'm a Solutions Architect with a passion for technology and over 20 years of experience under my belt. My journey has been filled with creating innovative web, mobile, and backend applications for a variety of customer. It's a role that continually inspires and challenges me, and I love every bit of it!Currently, I work as a Principal Technical Solutions Architect, where I help businesses embrace the future by modernizing their systems. This is more than a job to me; it's about making a real difference by solving complex business challenges with technical solutions.Outside of this, I enjoy teaching JavaScript and web programming to university and college students, sharing my love for technology and nurturing new talent in the field.

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.