Ultimate Front-End Bootcamp: CSS, Bootstrap, JQ, JS, React

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

Build Stylish Mobile Responsive Web Apps with Interactive Components using CSS, Bootstrap, JS, & React JS Library

1 - CSS Development

1 - Introduction to CSS

2 - Parts of a CSS Rule

3 - Types of CSS Rules

4 - CSS Color Names and Codes

5 - CSS Classes and Spans

6 - CSS Divisions DIVs

7 - CSS IDs

8 - CSS Margins

9 - CSS Padding

10 - CSS Text Properties

11 - CSS Font Properties

12 - CSS Borders

13 - CSS Backgrounds

14 - CSS Transparency

15 - CSS Text on Top of Images

16 - CSS Width and Height Properties

17 - CSS Display Properties

18 - CSS Static Positioning

19 - CSS Relative Positioning

20 - CSS Absolute Positioning

21 - CSS Fixed Positioning

22 - CSS Float Property

23 - CSS Clear Property

24 - CSS ZIndex

25 - CSS Styling Links

26 - CSS Tables

27 - CSS Project Introduction

28 - CSS Project CSS Rules

29 - CSS Project Navigation Rules

30 - CSS Project Responsive CSS

31 - CSS Project Page Elements

2 - Bootstrap Development

32 - Introduction to Bootstrap

33 - Embedding Bootstrap

34 - Bootstrap Basic Page Structure

35 - Bootstrap Grid System

36 - Bootstrap Three Column Layouts

37 - Bootstrap Typography

38 - Bootstrap Tables

39 - Bootstrap Styling Images

40 - Bootstrap Jumbotron

41 - Bootstrap Wells

42 - Bootstrap Alerts

43 - Bootstrap Buttons

44 - Bootstrap Button Groups

45 - Bootstrap Justified Button Groups

46 - Bootstrap Glyphicons

47 - Bootstrap Badges and Labels

48 - Bootstrap Progress Bars

49 - Bootstrap Pagination

50 - Bootstrap Pager Pagination

51 - Bootstrap List Groups

52 - Bootstrap Panels

53 - Bootstrap Dropdown Menus

54 - Bootstrap Collapsibles

55 - Bootstrap Collapse Panel

56 - Bootstrap Collapse List Group

57 - Bootstrap Accordian

58 - Bootstrap Tab Menus

59 - Bootstrap Pill Menus

60 - Bootstrap Dynamic Tabs and Pills

61 - Bootstrap Navigation Bar

62 - Bootstrap Collapsible Navigation Bar

63 - Bootstrap Forms Vertical and Inline

64 - Bootstrap Inputs

65 - Bootstrap Form Control States

66 - Bootstrap Input Sizing

67 - Bootstrap Carousel

68 - Bootstrap Modal

69 - Bootstrap Tooltip

70 - Bootstrap Popover

71 - Bootstrap Scrollspy

72 - Bootstrap Project Themes Intro

73 - Bootstrap Project File Overview

74 - Bootstrap Project Script Overview

75 - Bootstrap Project Script Overview Continued

3 - DOM Object Model DOM

76 - DOM Introduction

77 - DOM Manipulation

4 - JavaScript Development

78 - Introduction

79 - JS Placement

80 - External JavaScript

81 - JavaScript Output

82 - JavaScript InnerHTML

83 - JavaScript Commenting

84 - JavaScript Constants

85 - JavaScript Variables Introduction

86 - JavaScript Assignment Operator

87 - JavaScript Arithmetic Operations

88 - JavaScript Arithmetic Operations Continued

89 - JavaScript Operator Precedence

90 - JavaScript Data Types

91 - JavaScript Objects

92 - JavaScript Object Output

93 - JavaScript Strings

94 - JavaScript String Length

95 - JavaScript Special Characters

96 - JavaScript Random Numbers

97 - JavaScript Min and Max Function

98 - JavaScript Math Round Function

99 - JavaScript Arrays

100 - JavaScript Array Attributes

101 - JavaScript Arrays Pop Push Shift Unshift

102 - JavaScript Changing and Deleting Elements

103 - JavaScript Splicing an Array

104 - JavaScript Sorting an Array

105 - JavaScript Joining Arrays

106 - JavaScript Conditional Statements

107 - JavaScript Comparisons

108 - JavaScript Booleans

109 - JavaScript For Loops

110 - JavaScript ForIn Loop

111 - JavaScript While Loops

112 - JavaScript DoWhile Loop

113 - JavaScript Break and Continue

114 - JavaScript Functions

115 - JavaScript Events

116 - JavaScript Project 1 BG Color Changer

117 - JavaScript Project 2 Photo Gallery

118 - JavaScript Project 2 Completion

5 - jQuery Library

119 - Introduction to jQuery

120 - Embedding jQuery

121 - jQuery Syntax and Selector Intro

122 - jQuery ID Selector

123 - jQuery Class Selector

124 - jQuery Other Selectors

125 - External jQuery File

126 - jQuery Events Intro

127 - jQuery Events mouseenter and mouseleave

128 - jQuery Events mousedown and mouseup

129 - jQuery Multiple Event Handlers

130 - jQuery HidingShowing

131 - jQuery Toggle

132 - jQuery Fade InOut

133 - jQuery Fade Toggle

134 - jQuery Fade To

135 - jQuery Slide Down

136 - jQuery Slide Up

137 - jQuery Slide Toggle

138 - jQuery Animate

139 - jQuery Animate Multiple Params

140 - jQuery Animate Relative Values

141 - jQuery Animate Queue Functionality

142 - jQuery Stop Method

143 - jQuery Callback Functions

144 - jQuery Chaining

145 - jQuery Draggables

146 - jQuery Accordian Menu

147 - jQuery Get Content text and html

148 - jQuery Get Content Val

149 - jQuery Get Content attr

150 - jQuery Set Content text html val

151 - jQuery Set Attributes attr

152 - jQuery Append and Preprend

153 - jQuery After and Before

154 - jQuery Remove and Empty

155 - jQuery Filter Remove

156 - jQuery Add Class

157 - jQuery Remove Class

158 - jQuery Toggle Class

6 - React JS

159 - Skills Required

160 - What is React

7 - React Project Build a Calculator in React

161 - Project Overview

162 - Hello React

163 - Tools Needed

164 - Code Pen

165 - Intro to JSX

166 - Functional Components in React

167 - Why Components

168 - Intro to Props in React

169 - React Components Props and Callbacks

170 - Building the Calculator Visuals

171 - OnClick Events in React

172 - Passing Parameters in Callback Functions

173 - Using React State Hook

174 - Implementing the calculator Display

175 - Implementing the calculator Operators

176 - Debugging in React

177 - Project Summary

8 - React Project Build a Connect4 Clone

178 - Project Overview

179 - Tools Needed

180 - Creating the Game Board

181 - Game Circle OnClickEvent

182 - Passing Props Destructing React Children

183 - Passing Arguments to Click Events

184 - Inline Styling

185 - Square to Circle Component

186 - Global Styling

187 - Dynamic Styling

188 - Dynamic Classes

189 - Handling Callbacks

190 - Using React State Hook again

191 - Updating the Player Circle

192 - Initializing the Game Board

193 - React Key Property

194 - Styling the Game Board Header and Footer

195 - Calculating the Winner

196 - Displaying the Winner

197 - Determining a Draw Condition

198 - React Lifecycle Events

199 - Initializing the Game

200 - Suggesting a Move Implementing a Computer Player

201 - Smart Computer Player Basic AI

202 - CSS Variables

203 - Conditional Rendering

204 - Deploy to Netlify

205 - Deploy to Surge

206 - Project Summary

9 - React Project Build an ECommerce Site

207 - Project Overview

208 - Scaffolding the Project

209 - Intro to JSON Server

210 - Fetch API

211 - Styling the Store

212 - Rendering the Categories

213 - Binding the Products

214 - Refactor the Fetch API call

215 - Dealing with errors in Fetch API

216 - Tidy the Fetch API call

217 - Styling the Product List

218 - Installing React Router

219 - Fixing the Key Warning

220 - React Router Detail Page

221 - Fetch API Get Product By Id

222 - Product Description

223 - Intro to Styled Components

224 - Styled Components Product Description

225 - Dangerously Set HTML yeah really

226 - Refactor the Categories

227 - Refactor the Layout

228 - Refactor the Home Page

229 - Intro to Context in React

230 - UseContext Hook and UseReducer Hook in React

231 - Basket Layout

232 - Implementing the Basket

233 - Implementing Basket Icons

234 - Implementing Basket Total

235 - Finishing the Checkout

236 - Checkout Fixing the State

237 - Implementing the Order Confirmation

238 - Intro to Local Storage

239 - Implementing Search Results

240 - Better Searching with Debouncing

241 - Validating Forms in React Part 1

242 - Validating Forms in React Part 2

243 - Validating Forms in React Part 3

244 - Validating Forms in React Part 4

245 - Project Summary

235,000 تومان

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

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

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

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