Пройти курс The Complete 2020 Web Development Bootcamp

1. What You'll Get in This Course

2. Syllabus Download

3. The Giant List of Resources

4. How to Get the Most Out of the Course

5. What You'll Need to Get Started...

6. How Does the Internet Actually Work?

7. How Do Websites Actually Work?

8. Download the 12 Rules to Learn to Code eBook

9. Pathfinder

10. Introduction to HTML

11. The Anatomy of an HTML Tag

12. What we're building - HTML Personal Site

13. What is The HTML Boilerplate?

14. How to Structure Text in HTML

15. HTML Lists

16. HTML Image Elements

17. The Anchor Tag Download Attribute

18. HTML Links and Anchor Tags

19. Join the Student Community

20. HTML Tables

21. Using HTML Tables for Layout

22. HTML Tables Code Challenge

23. How to Type Emojis

24. HTML Tables Solution Walkthrough

25. HTML Forms

26. Forms in Practice - Create a Contact Me Form

Упражнение по написанию кода 1: HTML Challenge

27. Publish Your Website!

28. Get Monthly Tips and Tools to Level Up as a Developer

29. Introduction to CSS

30. Inline CSS

31. A Quick Note About the Next Lesson

32. Internal CSS

33. External CSS

34. How to Debug CSS Code

35. The Anatomy of CSS Syntax

36. CSS Selectors

37. Classes vs. Ids

Тест 1: CSS Quiz

391. Designer vs. Non-Designer Thinking

392. Understanding the Mood of Your Colour Palette

393. How to Combine Colours to Create Colour Palettes

394. Tools for Designing with Colour

395. Introduction to Typography

396. The Serif Type Family - Origin and Use

397. The Sans-Serif Type Family - Origin and Use

398. How Typography Determines Readability

399. How to Combine Fonts Like a Pro

400. What is User Interface (UI) Design?

401. The Tour Guide Approach to UI Design

402. The Importance of Alignment

403. What is Good Practice in Interaction Design

404. Colour in User Interface Design

405. The Many Ways of Designing Text Overlays

406. How to Be an Attention Architect

39. What We'll Make - Stylised Personal Site

40. What Are Favicons?

41. HTML Divs

42. The Box Model of Website Styling

43. CSS Display Property

44. Learn More About Web Design

45. CSS Static and Relative Positioning

46. Absolute positioning

47. The Dark Art of Centering Elements with CSS

48. Font Styling in Our Personal Site

49. Learn More About Typography

50. Adding Content to Our Website

51. CSS Sizing

52. Font Properties Challenge 1 - Change the Font Colour

53. Font Properties Challenge 2 - Change the Font Weight

54. Font Properties Challenge 3 - Change the Line Height

55. CSS Font Property Challenge Solutions

56. CSS Float and Clear

57. CSS Challenge

58. Stylised Personal Site Solution Walkthrough

59. [Optional] Get More Practice HTML and CSS

60. What is Bootstrap?

61. Installing Bootstrap

62. Web Design 101 - Wireframing

63. The Bootstrap Navigation Bar

64. What We'll Make: TinDog

65. Download the Starting Files

66. Setting Up Our New Project

67. Bootstrap Grid Layout System

68. Getting Montserrat Black and other Font Weights

69. Adding Grid Layouts to Our Website

70. A Note About CSS Link Order

71. Bootstrap Containers

72. Bootstrap Buttons & Font Awesome

73. Styling Our Website Challenges and Solutions

74. Bootstrap Challenge 1

75. Solution to Bootstrap Challenge 1

76. The Bootstrap Carousel Part 1

77. The Bootstrap Carousel Part 2

78. Bootstrap Cards

79. The CSS Z-Index and Stacking Order

80. Media Query Breakpoints

81. Bootstrap Challenge 2

82. Bootstrap Challenge 2 Solution

83. How to become a Better Programmer - Code Refactoring

84. Put it into Practice - Refactor our Website Part 1

85. Advanced CSS - Combining Selectors

86. Refactoring our Website Part 2

87. Advanced CSS - Selector Priority

88. Completing the Website

89. Download the Completed Website

89. Introduction to Javascript

90. Javascript Alerts - Adding Behaviour to Websites

91. Data Types

92. Javascript Variables

93. Naming and Naming Conventions for Javascript Variables

94. String Concatenation

95. String Lengths and Retrieving the Number of Characters

96. Slicing and Extracting Parts of a String

97. Challenge: Changing Casing in Text

98. Challenge: Changing String Casing Solution

99. Basic Arithmetic and the Modulo Operator in Javascript

100. Increment and Decrement Expressions

Тест 2: Javascript Quiz 1

101. Functions Part 1: Creating and Calling Functions

102. Functions Part 1 Challenge - The Karel Robot

103. The Karel Chess Board Solution

104. A Quick Note About the Next Lesson

105. Functions Part 2: Parameters and Arguments

106. Functions Part 3: Outputs & Return Values

107. Challenge: Create a BMI Calculator

Упражнение по написанию кода 2: BMI Calculator Challenge

108. Challenge: BMI Calculator Solution

Тест 3: JavaScript Quiz 2

109. Random Number Generation in Javascript: Building a Love Calculator

110. Control Statements: Using If-Else Conditionals & Logic

111. Comparators and Equality

112. Combining Comparators

Упражнение по написанию кода 3: BMI Calculator Advanced (IF/ELSE)

113. Collections: Working with Javascript Arrays

114. Adding Elements and Intermediate Array

115. Control Statements: While Loops

116. Solution to the 99 Bottles Challenge

117. Control Statements: For Loops

Упражнение по написанию кода 4: Fibonacci Challenge

118. Adding Javascript to Websites

119. Introduction to the Document Object Model (DOM)

120. Solution to the DOM Challenge

121. Selecting HTML Elements with Javascript

122. Manipulating and Changing Styles of HTML Elements with Javascript

123. The Separation of Concerns: Structure vs Style vs Behaviour

124. Text Manipulation and the Text Content Property

125. Manipulating HTML Element Attributes

184. Installing the Hyper Terminal

185. Command Line Hyper Setup

186. Understanding the Command Line. Long Live the Command line

187. Command Line Techniques and Directory Navigation

188. Creating, Opening, and Removing Files through the Command line

209. Introduction to Version Control and Git

210. Version Control Using Git and the Command Line

211. GitHub and Remote Repositories

212. GitHub Private Repos are now Free! ?

213. Gitignore

214. Cloning

215. Branching and Merging

216. Forking and Pull Requests

217. Optional Git Challenge

126. Challenge: The Dicee Challenge

127. Dicee Challenge Step 0 - Download the Skeleton Project

128. Dicee Challenge Step 1 - Create an External Javascript File

129. Dicee Challenge Step 2 - Add Dice Images

130. Dicee Challenge Step 3 - Create a Random Number

131. Dicee Challenge Step 4 - Change the <img> to a Random Dice

132. Dicee Challenge Step 5 - Change both <img> Elements

133. Dicee Challenge Step 6 - Change the Title to Display a Winner

134. The Solution to the Dicee Challenge

135. Download the Completed Website

136. What We'll Make: Drum Kit

137. Download the Starting Files

138. Adding Event Listeners to a Button

139. Higher Order Functions and Passing Functions as Arguments

140. Higher Order Function Challenge Solution

141. How to Play Sounds on a Website

142. A Deeper Understanding of Javascript Objects

143. How to Use Switch Statements in Javascript

144. Objects, their Methods and the Dot Notation

145. A Quick Note About the Next Lesson

146. Using Keyboard Event Listeners to Check for Key Presses

147. Understanding Callbacks and How to Respond to Events

148. Adding Animation to Websites

149. Download the Completed Website

150. What is jQuery?

151. How to Incorporate jQuery into Websites

152. How Minification Works to Reduce File Size

153. Selecting Elements with jQuery

154. Manipulating Styles with jQuery

155. Manipulating Text with jQuery

156. Manipulating Attributes with jQuery

157. Adding Event Listeners with jQuery

158. Adding and Removing Elements with jQuery

159. Website Animations with jQuery

160. What You'll Make: The Simon Game

161. Play the Game

162. Step 0 - Download the Starting Files

163. Step 1 - Add Javascript and jQuery

164. Step 1 - Answer

165. Step 2 - Create A New Pattern

166. Step 2 - Answer

167. Step 3 - Show the Sequence to the User with Animations and Sounds

168. Step 3 - Answer

169. Step 4 - Check Which Button is Pressed

170. Step 4 - Answer

171. Step 5 - Add Sounds to Button Clicks

172. Step 5 - Answer

173. Step 6 - Add Animations to User Clicks

174. Step 6 - Answer

175. Step 7 - Start the Game

176. Step 7 - Answer

177. Step 8 - Check the User's Answer Against the Game Sequence

178. Step 8 - Answer

179. Step 9 - Game Over

180. Step 9 - Answer

181. Step 10 - Restart the Game

182. Step 10 - Answer

183. Download the Completed Project Code

190. What is Node.js?

191. Install Node.js on Mac

192. Install Node.js on Windows

193. The Power of the Command Line and How to Use Node

194. The Node REPL (Read Evaluation Print Loops)

195. How to Use the Native Node Modules

196. The NPM Package Manager and Installing External Node Modules

197. What is Express?

198. Creating Our First Server with Express

199. Handling Requests and Responses: the GET Request

200. Nodemon Installation

201. Understanding and Working with Routes

202. What We'll Make: A Calculator

203. Calculator Setup Challenge

204. Calculator Setup: Challenge Solution

205. Responding to Requests with HTML Files

206. Processing Post Requests with Body Parser

207. BMI Routing Challenge

208. Solution to the BMI Routing Challenge