Introduction To Website Development Technologies

Focused View

Trevoir Williams

8:24:57

0 View

1 - Introduction

1 - Introduction.mp4

02:31

2 - Why learn Web Development.mp4

03:41

2 - Environment Setup

3 - Web Development Tools.mp4

04:40

4 - Install Visual Studio Code.mp4

03:36

5 - Recommended Development Extensions.mp4

02:27

6 - Setup Git and GitHub.mp4

02:37

7 - Setup Website Project Workspace.mp4

07:05

3 - Basic HTML

8 - Explore HTML.mp4

03:33

9 - Write your first HTML Document.mp4

09:42

10 - Adding Text and Links.mp4

12:03

11 - Multiple HTML Pages.mp4

09:47

12 - Adding Images.mp4

11:18

13 - Adding Ordered and Unordered Lists.mp4

08:24

14 - Adding an HTML Table.mp4

10:22

15 - Adding an HTML Form Part 1.mp4

10:14

16 - Adding an HTML Form Part 2.mp4

10:49

17 - Embedding External Content.mp4

05:37

18 - Embedding Media Content Video and Audio.mp4

07:56

19 - Comments and Styling.mp4

07:05

20 - Add to GitHub.mp4

09:28

21 - Section Source Code.html

4 - Cascading Style Sheets

22 - What is CSS Cascading Style Sheets.mp4

05:51

23 - Inline CSS.mp4

04:03

24 - Internal CSS.mp4

10:45

25 - External Stylesheets.mp4

05:48

26 - HTML Semantics.mp4

05:07

27 - HTML NonSemantic Layout Part 1.mp4

13:12

28 - HTML NonSemantic Layout Part 2.mp4

14:04

29 - Consistent Web Page Layout and Design.mp4

07:31

30 - Using Classes.mp4

09:55

31 - Add to GitHub.mp4

04:43

32 - Section Source Code.html

5 - JavaScript

33 - What is JavaScript.mp4

06:03

34 - Explore JavaScript and the Browser Console.mp4

05:43

35 - JavaScript Statements and Variable Declarations.mp4

11:03

36 - JavaScript Arithmetic Operations.mp4

08:23

37 - JavaScript Decision Statements.mp4

15:17

38 - JavaScript Repetition Statements.mp4

19:57

39 - JavaScript Functions.mp4

17:21

40 - JavaScript Variables and Scope.mp4

07:29

41 - JavaScript and HTML DOM.mp4

07:43

42 - JavaScript in HTML Syntax.mp4

02:35

43 - Adding JavaScript to HTML Part 1.mp4

09:43

44 - Adding JavaScript to HTML Part 2.mp4

07:26

45 - What is jQuery.mp4

06:19

46 - Adding jQuery to a Website.mp4

07:52

47 - jQuery vs JavaScript.mp4

12:14

48 - Add to GitHub.mp4

00:53

49 - Section Source Code.html

6 - Web Development with the Bootstrap Framework

50 - What is Bootstrap.mp4

06:24

51 - Explore Boostraps Documentation.mp4

06:38

52 - Adding Bootstrap to your Website.mp4

08:24

53 - Adding Boostrap Navbar and Layout Part 1.mp4

11:04

54 - Adding Boostrap Navbar and Layout Part 2.mp4

04:32

55 - Bootstrap Tables.mp4

03:57

56 - Bootstrap Forms.mp4

09:43

57 - Bootstrap Buttons.mp4

04:30

58 - Bootstrap Carousel.mp4

10:28

59 - Bootstrap Cards and Grid.mp4

08:10

60 - Bootstrap Accordion.mp4

08:40

61 - Clean Up Website.mp4

09:57

62 - Tracking Active Page CSS JavaScript.mp4

07:20

63 - Add to GitHub.mp4

01:19

64 - Section Source Code.html

7 - Publishing your Website

65 - Website hosting Principles.mp4

11:14

66 - What is Netlify.mp4

04:16

67 - Publish Website using Manual Deploy on Netlify.mp4

03:54

68 - Publish Website using GitHub and Netlify CICD Pipeline.mp4

06:24

69 - Additional Netlify Features.mp4

03:24

8 - Conclusion

70 - Course Recap.mp4

02:52

71 - Recommendations.mp4

01:52

9 - Bonus Section

72 - Bonus Lecture.html

Description

Learn to build a deploy a multi-page website built using HTML, CSS, JavaScript, Visual Studio Code, GitHub and Netlify

What You'll Learn?

Understand HTML and CSS
Understand how to use JavaScript and JQuery
Understand how to integrate Bootstrap 5 into your website
Use GitHub For Source Control
Use and Understand Visual Studio Code
Publish Website to internet with a few clicks
How to Use Netlify and GitHub
Learn JavaScript Syntax and Browser Debugging

Who is this for?

Anyone who wants to learn basic web develpment

What You Need to Know?

No Programming Experience Needed

More details

Description
Why Learn HTML and CSS?
HTML is the foundation of all web pages. Without HTML, you couldnâ€™t organize text or add images or videos to your web pages. HTML is the beginning of everything you need to know to create engaging web pages! CSS Works in tandem with HTML to ensure that your content looks good. Using these two, you are in complete control of what your web pages look like.
Why Learn JavaScript?
HTML and CSS are static. JavaScript allows you to manipulate them while your webpage has already loaded. Imagine having an interactive document reading when their content can morph based on your actions...while you're reading it! That is what JavaScript brings to the table.
Take-Away Skills
Learn how to build a website using HTML, CSS, and Visual Studio Code.
By the end of this course, you will have learned:
How to create HTML Documents
How to link HTML Documents and create a website
How to insert elements in an HTML document (images, lists, tables, text, etc.)
How to style one or more pages with CSS (Inline, Internal and External Style sheets)
How to upload code to GitHub.
How to publish your static website to the internet using Netlify.
How to design a form to collect data.
How to write JavaScript and jQuery
How to use Bootstrap 5
Content and Overview
You don't need to know any programming language to take this course. The content of this course assumes no prior knowledge of programming or web development. It will teach you how to set up an environment to develop a website from scratch and deploy it on the internet for the world to see.
This is a short course with just over 4 hours of content but smartly broken up to highlight related activities based on each module in the application being built. We will also look at troubleshooting and debugging errors as we go along, implementing best practices, writing efficient logic, and understanding why developers do things the way they do. Your knowledge will grow, step by step, throughout the course, and you will be challenged to be the best you can be.
By the time you have finished the course, you will have moved around in Visual Studio Code and examined errors so much that it will be second nature for you when working in the Web development environment. This will put your newly learned skills into practical use and impress your boss and coworkers.
The course is complete with working files hosted on GitHub, including some files to make it easier for you to replicate the demonstrated code. You will be able to work alongside the author as you work through each lecture and will receive a verifiable certificate of completion upon finishing the course.
Who this course is for:
Anyone who wants to learn basic web develpment

User Reviews

Rating

average 0

Total votes0

Focused display

HTML

Trevoir Williams

Instructor's Courses

Trevoir Williams is a passionate software and system engineer with a strong drive to share the best of his knowledge with students around the globe. His educational achievements include a Master’s degree in Computer Science (major in Software Development) and several Microsoft Azure Certifications.His impressive work experience includes software consulting, software engineering, database development, cloud system, and server administration, lecturing, and he’s also a musician!Trevoir enjoys teaching IT and development skills and guides students in gaining the latest knowledge with practical application in the modern industry.

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.