The Front-End Web Developer Bootcamp: HTML, CSS, JS & React

Focused View

Meta Brains

10:48:05

126 View

1 - Introduction to HTML5

1 - Introduction.mp4

01:37

2 - Features of HTML5.mp4

01:26

3 - Benefits of using HTML5.mp4

01:12

4 - Where and how is HTML5 used.mp4

01:12

5 - HTML5 editors.mp4

01:08

6 - Downloading Visual Studio Code.mp4

02:13

7 - CSS-Course-Slides.pdf

7 - Course Materials.html

7 - HTML-Course-Slides.pdf

7 - Source-Codes-JavaScript.zip

7 - Source-codes-CSS.zip

7 - Source-codes-HTML.zip

2 - Structure of an HTML5 file

8 - What are HTML tags.mp4

02:09

9 - Structure of an HTML5 file.mp4

03:09

10 - File and folder structure.mp4

00:43

11 - How to create an HTML5 file.mp4

02:22

3 - HTML5 basic building blocks

12 - Heading Tags in HTML.mp4

03:19

13 - HTML5 Quotation and Citation tags.mp4

04:08

14 - Commenting out code in HTML5.mp4

02:27

15 - HTML5 attributes.mp4

02:00

16 - How to style in HTML5.mp4

02:08

4 - Exploring HTML5 tags

17 - What are anchor tags.mp4

03:35

18 - What are image tags.mp4

05:49

19 - What are paragraph tags.mp4

02:31

20 - What are break tags.mp4

01:47

21 - What are table tags.mp4

05:45

22 - List Tags.mp4

03:35

23 - Video Tag.mp4

03:27

24 - Audio Tag.mp4

00:49

5 - Building a Form from Scratch with HTML5

25 - Form tags.mp4

06:25

26 - Input Types.mp4

07:22

27 - Input attributes size readonly disabled.mp4

02:42

28 - Additional input attributes Min max multiple and placeholder.mp4

04:18

29 - Required Inputs.mp4

01:09

6 - Block and Inline Elements

30 - Introduction.mp4

01:36

31 - Examining Block and Inline Elements.mp4

13:07

7 - Conclusion HTML5 Part

32 - Conclusion.mp4

00:46

8 - Introduction to CSS3

33 - Introduction to CSS3.mp4

01:49

34 - Syntax of CSS3.mp4

01:13

35 - Uses of CSS3.mp4

04:16

36 - Types of CSS3.mp4

06:58

37 - Selectors Colors in CSS3.mp4

08:11

9 - Basics Properties of CSS3

38 - Background.mp4

11:36

39 - Borders.mp4

03:42

40 - Outline.mp4

01:47

41 - Height and width.mp4

04:29

42 - Margin and padding.mp4

05:35

10 - Typography Properties of CSS3

43 - Text alignment.mp4

02:34

44 - Text decoration.mp4

02:40

45 - Text transform.mp4

02:38

46 - Text spacing.mp4

03:07

47 - Font family.mp4

06:33

48 - How to use font awesome icons.mp4

05:23

11 - Selectors Properties in Depth of CSS3

49 - Display.mp4

02:16

50 - Positions.mp4

05:46

51 - Zindex.mp4

01:26

52 - Overflow.mp4

02:46

53 - Float.mp4

02:14

54 - DOM Model.mp4

01:56

55 - Advanced Selectors.mp4

10:08

56 - Pseudoclasses Part 1.mp4

10:08

57 - Pseudoclasses part 2.mp4

04:37

58 - PseudoElements.mp4

04:13

12 - Extra features in CSS3

59 - Opacity and important.mp4

02:48

60 - Borderradius.mp4

02:51

61 - Box Shadow.mp4

02:38

13 - Responsive Design with CSS3

62 - Grid System.mp4

11:00

63 - Flexbox.mp4

07:28

64 - Media Queries.mp4

04:04

14 - Mini Project

65 - Mini Project.mp4

15:18

15 - Introduction to JavaScript

66 - Introduction and History of JavaScript.mp4

03:10

67 - Syntax of JavaScript and overview.mp4

04:29

68 - JavaScript Implementation.mp4

01:44

69 - How to use HTML tags in JavaScript.mp4

02:25

16 - Variables

70 - Var in JavaScript.mp4

06:56

71 - Global and local var in JavaScript.mp4

03:24

72 - Advanced consolelog.mp4

03:14

17 - Statements in JavaScript

73 - If statement.mp4

02:04

74 - If else statement.mp4

02:28

75 - Condition ternary statement.mp4

02:33

76 - Switch statement.mp4

02:48

77 - If else if statement.mp4

03:02

78 - Break and continue statement.mp4

03:39

79 - Data types.mp4

04:33

18 - Operators in JavaScript

80 - Arithmetic operator.mp4

05:02

81 - Assignment operator.mp4

01:35

82 - Comparison operator.mp4

04:17

19 - Popup Boxes in JavaScript

83 - Alert boxes.mp4

01:48

84 - Confirm box.mp4

01:20

85 - Prompt box.mp4

02:11

86 - Functions.mp4

03:22

87 - Functions with parameters.mp4

01:50

88 - Function with return.mp4

04:42

20 - Events in JavaScript

89 - Events in JavaScript.mp4

05:27

21 - Loops in JavaScript

90 - While loop.mp4

04:30

91 - Do while loop.mp4

03:14

92 - For loop.mp4

02:59

93 - Nested loop.mp4

03:28

22 - Arrays in JavaScript

94 - Arrays.mp4

06:24

95 - Modify and delete arrays.mp4

02:35

96 - Sort and revers methods.mp4

02:47

97 - Pop and push methods.mp4

02:25

98 - Shift and unshift method.mp4

02:06

99 - Concat and join method.mp4

02:40

100 - Slice and splice method.mp4

03:37

101 - The isArray method.mp4

02:00

102 - Indexof and lastindex method.mp4

02:35

103 - The forEach method.mp4

01:54

104 - The toString valueOf and fill methods.mp4

02:26

105 - Include methods.mp4

01:52

106 - Some and every method.mp4

03:21

107 - Find and findindex method.mp4

02:11

108 - Filter method.mp4

01:38

23 - Objects and their methods

109 - Objects.mp4

10:14

110 - Arrays objects.mp4

03:34

111 - For in loop.mp4

03:16

24 - String and its methods

112 - String methods Part 1.mp4

05:23

113 - String methods Part 2.mp4

04:21

114 - String methods Part 3.mp4

10:29

25 - JavaScript Number Methods

115 - Number Methods.mp4

08:05

116 - Math Method Part 1.mp4

07:51

117 - Math Method Part 2.mp4

07:36

118 - Date method.mp4

04:36

26 - DOM Model

119 - Dom Model.mp4

04:10

120 - Dom other objects.mp4

09:12

121 - Dom get methods.mp4

05:37

122 - Dom styling.mp4

06:47

123 - addEventListener Events.mp4

03:39

124 - useCapture.mp4

03:39

125 - classList method.mp4

07:58

126 - Parent nodes.mp4

04:41

127 - Children nodes.mp4

04:15

128 - First and last child.mp4

03:23

129 - Next and previous siblings.mp4

01:44

130 - Create element text node.mp4

03:02

131 - Append child and insert before.mp4

03:00

132 - Insert adjacent element and insert adjacent HTML.mp4

04:57

27 - Conclusion

133 - Conclusion.mp4

06:44

28 - Introduction to React A JS library for building user interfaces

134 - Introduction to ReactJS.mp4

06:20

135 - First React App.mp4

10:07

136 - JSX In ReactJS.mp4

03:31

29 - Styling Components Hooks

137 - Inline and Internal Styling in ReactJS.mp4

05:00

138 - Template literals in ReactJS.mp4

05:45

139 - Components in ReactJS.mp4

05:42

140 - Props in ReactJS.mp4

07:15

141 - Hooks in ReactsJS.mp4

02:44

30 - Hierarchy rendering advanced hooks

142 - Understanding hierarchy in ReactJS.mp4

05:34

143 - Conditional rendering.mp4

04:10

144 - useEffect Hook in ReactJS.mp4

02:08

31 - DOM

145 - ReactRouterDom.mp4

04:13

146 - Linking in reactrouterdom.mp4

02:58

147 - Handling Error Pages with reactrouterdom.mp4

02:56

148 - Using the useNavigate hook.mp4

02:02

32 - Projects

149 - First Project Part 1.mp4

09:29

150 - First Project Part 2.mp4

03:25

33 - Building a Calculator App

151 - Building a Calculator Part 1.mp4

03:28

152 - Building a Calculator Part 2.mp4

03:28

34 - Using the Pokemon API

153 - Building a Restful API in ReactJS Part 1.mp4

03:10

154 - Building a Restful API in ReactJS Part 2.mp4

05:10

155 - Building a Restful API in ReactJS Part 3.mp4

05:16

156 - Using arraymap inside JSX elements.mp4

04:47

157 - How to use Material UI in ReactJS.mp4

05:39

35 - Conclusion

158 - Conclusion.mp4

02:46

Description

Get started as a front-end web developer with HTML, CSS, JavaScript, React.JS, and more!

What You'll Learn?

Learn the fundamentals of HTML and CSS, including tags, attributes, selectors, and styles.
Learn how to create responsive layouts using CSS Grid and Flexbox.
Learn how to use JavaScript to add interactivity to your web pages, including event listeners, DOM manipulation, and basic animations.
Introduction to React and its core concepts: Learn the basics of React, including components, props, state, and lifecycle methods.
Building scalable and reusable components with React: Learn how to build complex and reusable components using React, including conditional rendering, event han
Working with APIs to fetch and display data: Learn how to use APIs to fetch and display data on your web pages
Learn how to carve out a career in frontend website development and the necessary skills to learn to continue on this path
Learn how to design quality websites using HTML and CSS
Learn how to create amazing front-end UIs with React!
You'll learn the very fundamentals of JavaScript to building modern and complex applications
You'll learn all you need to know to become an experienced, self-assured, and up-to-date JavaScript developer

Who is this for?

Beginners looking to start their foray into website development and design using the most basic languages; HTML and CSS

Experienced website designers who need a reminder of some important concepts or need to keep their skills up to date with the introduction of new HTML and CSS coding standards

Developers who have a basic understanding of JavaScript and want to add React JS to their skillset

Professionals are already familiar with web frameworks such as Angular or Vue and want to learn React JS

More details

Description
Are you interested in learning the skills and tools required to create modern, interactive, and responsive websites? The Front-End Web Developer Bootcamp: HTML, CSS, JS & React is the perfect course for you! In this comprehensive Bootcamp, you'll learn HTML, CSS, JavaScript, and React - the building blocks of the web - and gain hands-on experience in creating dynamic and engaging web pages from scratch.
This course is designed for beginners who are interested in pursuing a career in web development or simply want to learn how to create beautiful and functional websites. Throughout the course, you'll work on a series of practical projects that will allow you to apply your knowledge and skills to real-world scenarios. By the end of the course, you'll have a portfolio of projects to showcase your skills to potential employers or clients.

Here are just a few of the benefits of enrolling in The Front-End Web Developer Bootcamp: HTML, CSS, JS & React:

Gain In-Demand Skills: Front-end web development is a highly sought-after skill in today's job market. By mastering HTML, CSS, JavaScript, and React, you'll be well-positioned to land a job in a rapidly growing field. According to the Bureau of Labor Statistics, the employment of web developers is projected to grow 8% from 2020 to 2030, much faster than the average for all occupations.
Learn from Expert Instructors: Our experienced instructors have years of experience in the field and are passionate about sharing their knowledge with you. They created this course to help you progress at your own pace and achieve your goals.
Hands-On Learning: The best way to learn front-end web development is through hands-on experience. That's why this course emphasizes practical projects that simulate real-world scenarios. By the end of the course, you'll have a solid understanding of the tools and techniques used by professional web developers.
Build a Portfolio: As you complete projects throughout the course, you'll build a portfolio of work that showcases your skills to potential employers or clients. This portfolio will demonstrate your ability to create responsive and engaging websites, which is essential in today's job market.
Join a Community: Learning front-end web development can be challenging, but it doesn't have to be lonely. By enrolling in this course, you'll join a community of like-minded individuals who are passionate about web development. You can also share ideas, and collaborate with other students.
What are You Waiting for? Become a top Front-End web developer today!
The course is enjoyable, engaging, and interactive, which means it does not consist of introductory lectures that go over your head but rather a more hands-on approach to the subject. The material is kept light and enjoyable by the clever and experienced educator.
Who this course is for:
Beginners looking to start their foray into website development and design using the most basic languages; HTML and CSS
Experienced website designers who need a reminder of some important concepts or need to keep their skills up to date with the introduction of new HTML and CSS coding standards
Developers who have a basic understanding of JavaScript and want to add React JS to their skillset
Professionals are already familiar with web frameworks such as Angular or Vue and want to learn React JS

User Reviews

Rating

average 0

Total votes0

Focused display

Meta Brains is a professional training brand developed by a team of software developers and finance professionals who have a passion for Coding, Finance & Excel.We bring together both professional and educational experiences to create world-class training programs accessible to everyone.Currently, we're focused on the next great revolution in computing: The Metaverse. Our ultimate objective is to train the next generation of talent so we can code & build the metaverse together!

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.