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

سرفصل های دوره

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

1 - Introduction to HTML5

1 - Introduction

2 - Features of HTML5

3 - Benefits of using HTML5

4 - Where and how is HTML5 used

5 - HTML5 editors

6 - Downloading Visual Studio Code

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

9 - Structure of an HTML5 file

10 - File and folder structure

11 - How to create an HTML5 file

3 - HTML5 basic building blocks

12 - Heading Tags in HTML

13 - HTML5 Quotation and Citation tags

14 - Commenting out code in HTML5

15 - HTML5 attributes

16 - How to style in HTML5

4 - Exploring HTML5 tags

17 - What are anchor tags

18 - What are image tags

19 - What are paragraph tags

20 - What are break tags

21 - What are table tags

22 - List Tags

23 - Video Tag

24 - Audio Tag

5 - Building a Form from Scratch with HTML5

25 - Form tags

26 - Input Types

27 - Input attributes size readonly disabled

28 - Additional input attributes Min max multiple and placeholder

29 - Required Inputs

6 - Block and Inline Elements

30 - Introduction

31 - Examining Block and Inline Elements

7 - Conclusion HTML5 Part

32 - Conclusion

8 - Introduction to CSS3

33 - Introduction to CSS3

34 - Syntax of CSS3

35 - Uses of CSS3

36 - Types of CSS3

37 - Selectors Colors in CSS3

9 - Basics Properties of CSS3

38 - Background

39 - Borders

40 - Outline

41 - Height and width

42 - Margin and padding

10 - Typography Properties of CSS3

43 - Text alignment

44 - Text decoration

45 - Text transform

46 - Text spacing

47 - Font family

48 - How to use font awesome icons

11 - Selectors Properties in Depth of CSS3

49 - Display

50 - Positions

51 - Zindex

52 - Overflow

53 - Float

54 - DOM Model

55 - Advanced Selectors

56 - Pseudoclasses Part 1

57 - Pseudoclasses part 2

58 - PseudoElements

12 - Extra features in CSS3

59 - Opacity and important

60 - Borderradius

61 - Box Shadow

13 - Responsive Design with CSS3

62 - Grid System

63 - Flexbox

64 - Media Queries

14 - Mini Project

65 - Mini Project

15 - Introduction to JavaScript

66 - Introduction and History of JavaScript

67 - Syntax of JavaScript and overview

68 - JavaScript Implementation

69 - How to use HTML tags in JavaScript

16 - Variables

70 - Var in JavaScript

71 - Global and local var in JavaScript

72 - Advanced consolelog

17 - Statements in JavaScript

73 - If statement

74 - If else statement

75 - Condition ternary statement

76 - Switch statement

77 - If else if statement

78 - Break and continue statement

79 - Data types

18 - Operators in JavaScript

80 - Arithmetic operator

81 - Assignment operator

82 - Comparison operator

19 - Popup Boxes in JavaScript

83 - Alert boxes

84 - Confirm box

85 - Prompt box

86 - Functions

87 - Functions with parameters

88 - Function with return

20 - Events in JavaScript

89 - Events in JavaScript

21 - Loops in JavaScript

90 - While loop

91 - Do while loop

92 - For loop

93 - Nested loop

22 - Arrays in JavaScript

94 - Arrays

95 - Modify and delete arrays

96 - Sort and revers methods

97 - Pop and push methods

98 - Shift and unshift method

99 - Concat and join method

100 - Slice and splice method

101 - The isArray method

102 - Indexof and lastindex method

103 - The forEach method

104 - The toString valueOf and fill methods

105 - Include methods

106 - Some and every method

107 - Find and findindex method

108 - Filter method

23 - Objects and their methods

109 - Objects

110 - Arrays objects

111 - For in loop

24 - String and its methods

112 - String methods Part 1

113 - String methods Part 2

114 - String methods Part 3

25 - JavaScript Number Methods

115 - Number Methods

116 - Math Method Part 1

117 - Math Method Part 2

118 - Date method

26 - DOM Model

119 - Dom Model

120 - Dom other objects

121 - Dom get methods

122 - Dom styling

123 - addEventListener Events

124 - useCapture

125 - classList method

126 - Parent nodes

127 - Children nodes

128 - First and last child

129 - Next and previous siblings

130 - Create element text node

131 - Append child and insert before

132 - Insert adjacent element and insert adjacent HTML

27 - Conclusion

133 - Conclusion

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

134 - Introduction to ReactJS

135 - First React App

136 - JSX In ReactJS

29 - Styling Components Hooks

137 - Inline and Internal Styling in ReactJS

138 - Template literals in ReactJS

139 - Components in ReactJS

140 - Props in ReactJS

141 - Hooks in ReactsJS

30 - Hierarchy rendering advanced hooks

142 - Understanding hierarchy in ReactJS

143 - Conditional rendering

144 - useEffect Hook in ReactJS

31 - DOM

145 - ReactRouterDom

146 - Linking in reactrouterdom

147 - Handling Error Pages with reactrouterdom

148 - Using the useNavigate hook

32 - Projects

149 - First Project Part 1

150 - First Project Part 2

33 - Building a Calculator App

151 - Building a Calculator Part 1

152 - Building a Calculator Part 2

34 - Using the Pokemon API

153 - Building a Restful API in ReactJS Part 1

154 - Building a Restful API in ReactJS Part 2

155 - Building a Restful API in ReactJS Part 3

156 - Using arraymap inside JSX elements

157 - How to use Material UI in ReactJS

35 - Conclusion

158 - Conclusion

179,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training