Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The Complete 2023 Web Development Bootcamp, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:03:09
    What You'll Get in This Course
  • Урок 2. 00:05:28
    How Does the Internet Actually Work?
  • Урок 3. 00:08:23
    How Do Websites Actually Work?
  • Урок 4. 00:09:34
    How to Get the Most Out of the Course
  • Урок 5. 00:06:40
    How to Get Help When You're Stuck
  • Урок 6. 00:04:19
    What is HTML?
  • Урок 7. 00:02:44
    How to Download the Course Resources
  • Урок 8. 00:14:25
    HTML Heading Elements
  • Урок 9. 00:08:42
    HTML Paragraph Elements
  • Урок 10. 00:11:42
    Self Closing Tags
  • Урок 11. 00:05:44
    [Project] Movie Ranking
  • Урок 12. 00:01:25
    How to Ace this Course
  • Урок 13. 00:10:33
    The List Element
  • Урок 14. 00:14:10
    Nesting and Indentation
  • Урок 15. 00:10:46
    Anchor Elements
  • Урок 16. 00:08:18
    Image Elements
  • Урок 17. 00:04:02
    [Project] Birthday Invite
  • Урок 18. 00:02:53
    Tip from Angela - Habit Building with the Calendar Trick
  • Урок 19. 00:19:21
    Computer File Paths
  • Урок 20. 00:12:56
    What are Webpages?
  • Урок 21. 00:12:54
    The HTML Boilerplate
  • Урок 22. 00:08:35
    [Project] Portfolio Website
  • Урок 23. 00:08:34
    How to Host Your Website for Free with GitHub
  • Урок 24. 00:05:07
    Introduction to Capstone Projects
  • Урок 25. 00:08:45
    Why do we need CSS?
  • Урок 26. 00:15:21
    How to add CSS
  • Урок 27. 00:22:57
    CSS Selectors
  • Урок 28. 00:09:09
    [Project] Colour Vocab Website
  • Урок 29. 00:02:29
    Tip from Angela - Dealing with Distractions
  • Урок 30. 00:07:06
    CSS Colours
  • Урок 31. 00:21:27
    Font Properties
  • Урок 32. 00:11:53
    Inspecting CSS
  • Урок 33. 00:20:47
    The CSS Box Model - Margin, Padding and Border
  • Урок 34. 00:07:38
    [Project] Motivational Poster Website
  • Урок 35. 00:25:29
    The Cascade - Specificity and Inheritance
  • Урок 36. 00:23:14
    Combining CSS Selectors
  • Урок 37. 00:22:51
    CSS Positioning
  • Урок 38. 00:17:56
    [Project] CSS Flag
  • Урок 39. 00:03:36
    Tip from Angela - Nothing Easy is Worth Doing!
  • Урок 40. 00:11:31
    CSS Display
  • Урок 41. 00:11:40
    CSS Float
  • Урок 42. 00:18:45
    How to Create Responsive Websites
  • Урок 43. 00:10:33
    Media Queries
  • Урок 44. 00:07:08
    [Project] Web Design Agency Website
  • Урок 45. 00:04:09
    Tip from Angela - How to Deal with Procrastination
  • Урок 46. 00:14:22
    Display: Flex
  • Урок 47. 00:13:44
    Flex Direction
  • Урок 48. 00:19:23
    Flex Layout
  • Урок 49. 00:24:28
    Flex Sizing
  • Урок 50. 00:10:09
    [Project] Pricing Table
  • Урок 51. 00:02:48
    Tip from Angela - Building a Programming Habit
  • Урок 52. 00:14:56
    Display: Grid
  • Урок 53. 00:23:33
    Grid Sizing
  • Урок 54. 00:26:18
    Grid Placement
  • Урок 55. 00:06:46
    [Project] Mondrian Painting
  • Урок 56. 00:15:36
    What is Bootstrap?
  • Урок 57. 00:21:15
    Bootstrap Layout
  • Урок 58. 00:31:40
    Bootstrap Components
  • Урок 59. 00:31:23
    [Project] TinDog Startup Website
  • Урок 60. 00:03:56
    Introduction to Web Design
  • Урок 61. 00:09:05
    Understanding Colour Theory
  • Урок 62. 00:10:29
    Understanding Typography and How to Choose a Font
  • Урок 63. 00:10:28
    Manage ATTENTION with effective User Interface (UI) Design
  • Урок 64. 00:13:40
    User Experience (UX) Design
  • Урок 65. 00:18:21
    Web Design in Practice - Let's apply what we've learnt!
  • Урок 66. 00:11:50
    Introduction to Javascript
  • Урок 67. 00:14:22
    Javascript Alerts - Adding Behaviour to Websites
  • Урок 68. 00:04:07
    Data Types
  • Урок 69. 00:09:36
    Javascript Variables
  • Урок 70. 00:02:49
    Javascript Variables Exercise Start
  • Урок 71. 00:03:29
    Javascript Variables Exercise Solution
  • Урок 72. 00:07:11
    Naming and Naming Conventions for Javascript Variables
  • Урок 73. 00:03:08
    String Concatenation
  • Урок 74. 00:06:25
    String Lengths and Retrieving the Number of Characters
  • Урок 75. 00:08:58
    Slicing and Extracting Parts of a String
  • Урок 76. 00:03:40
    Challenge: Changing Casing in Text
  • Урок 77. 00:09:01
    Challenge: Changing String Casing Solution
  • Урок 78. 00:06:15
    Basic Arithmetic and the Modulo Operator in Javascript
  • Урок 79. 00:02:29
    Increment and Decrement Expressions
  • Урок 80. 00:10:36
    Functions Part 1: Creating and Calling Functions
  • Урок 81. 00:09:09
    Functions Part 1 Challenge - The Karel Robot
  • Урок 82. 00:09:53
    Functions Part 2: Parameters and Arguments
  • Урок 83. 00:03:45
    Life in Weeks Solution
  • Урок 84. 00:11:17
    Functions Part 3: Outputs & Return Values
  • Урок 85. 00:01:50
    Challenge: Create a BMI Calculator
  • Урок 86. 00:05:40
    Challenge: BMI Calculator Solution
  • Урок 87. 00:02:36
    Tip from Angela - Set Your Expectations
  • Урок 88. 00:11:16
    Random Number Generation in Javascript: Building a Love Calculator
  • Урок 89. 00:04:49
    Control Statements: Using If-Else Conditionals & Logic
  • Урок 90. 00:02:52
    Comparators and Equality
  • Урок 91. 00:02:47
    Combining Comparators
  • Урок 92. 00:04:17
    Introducing the Leap Year Code Challenge
  • Урок 93. 00:03:04
    Leap Year Solution
  • Урок 94. 00:09:03
    Collections: Working with Javascript Arrays
  • Урок 95. 00:15:59
    Adding Elements and Intermediate Array Techniques
  • Урок 96. 00:03:44
    Who's Buying Lunch Solution
  • Урок 97. 00:07:54
    Control Statements: While Loops
  • Урок 98. 00:06:11
    Control Statements: For Loops
  • Урок 99. 00:06:38
    Introducing the Fibonacci Code Challenge
  • Урок 100. 00:08:17
    Fibonacci Solution
  • Урок 101. 00:02:53
    Tip from Angela - Retrieval is How You Learn
  • Урок 102. 00:10:45
    Adding Javascript to Websites
  • Урок 103. 00:12:29
    Introduction to the Document Object Model (DOM)
  • Урок 104. 00:14:18
    Selecting HTML Elements with Javascript
  • Урок 105. 00:05:02
    Manipulating and Changing Styles of HTML Elements with Javascript
  • Урок 106. 00:05:58
    The Separation of Concerns: Structure vs Style vs Behaviour
  • Урок 107. 00:02:38
    Text Manipulation and the Text Content Property
  • Урок 108. 00:02:28
    Manipulating HTML Element Attributes
  • Урок 109. 00:02:40
    Tip from Angela - The 20 Minute Method
  • Урок 110. 00:02:15
    Challenge: The Dicee Challenge
  • Урок 111. 00:14:44
    The Solution to the Dicee Challenge
  • Урок 112. 00:02:07
    Tip from Angela - Learning Before you Eat
  • Урок 113. 00:01:20
    What We'll Make: Drum Kit
  • Урок 114. 00:14:30
    Adding Event Listeners to a Button
  • Урок 115. 00:12:41
    Higher Order Functions and Passing Functions as Arguments
  • Урок 116. 00:11:12
    How to Play Sounds on a Website
  • Урок 117. 00:12:05
    A Deeper Understanding of Javascript Objects
  • Урок 118. 00:05:24
    How to Use Switch Statements in Javascript
  • Урок 119. 00:06:30
    Objects, their Methods and the Dot Notation
  • Урок 120. 00:07:38
    Using Keyboard Event Listeners to Check for Key Presses
  • Урок 121. 00:11:36
    Understanding Callbacks and How to Respond to Events
  • Урок 122. 00:08:32
    Adding Animation to Websites
  • Урок 123. 00:03:09
    Tip from Angela - Dealing with Lack of Progress
  • Урок 124. 00:03:45
    What is jQuery?
  • Урок 125. 00:09:09
    How to Incorporate jQuery into Websites
  • Урок 126. 00:04:00
    How Minification Works to Reduce File Size
  • Урок 127. 00:02:02
    Selecting Elements with jQuery
  • Урок 128. 00:05:14
    Manipulating Styles with jQuery
  • Урок 129. 00:03:37
    Manipulating Text with jQuery
  • Урок 130. 00:03:45
    Manipulating Attributes with jQuery
  • Урок 131. 00:07:48
    Adding Event Listeners with jQuery
  • Урок 132. 00:02:59
    Adding and Removing Elements with jQuery
  • Урок 133. 00:08:14
    Website Animations with jQuery
  • Урок 134. 00:02:21
    Tip from Angela - Mixing Knowledge
  • Урок 135. 00:01:01
    What You'll Make: The Simon Game
  • Урок 136. 00:02:32
    Tip from Angela - Dealing with Frustration
  • Урок 137. 00:02:47
    Install Git Bash on Windows
  • Урок 138. 00:05:26
    Understanding the Command Line. Long Live the Command Line!
  • Урок 139. 00:09:45
    Command Line Techniques and Directory Navigation
  • Урок 140. 00:08:39
    Creating, Opening, and Removing Files through the Command Line
  • Урок 141. 00:03:50
    Tip from Angela - Sleep is My Secret Weapon
  • Урок 142. 00:15:14
    Backend Web Development Explained
  • Урок 143. 00:05:42
    Backend Tools and Technologies - Which one to learn?
  • Урок 144. 00:10:40
    What is Node.js?
  • Урок 145. 00:08:24
    Using Node.js
  • Урок 146. 00:12:13
    How to Use the Native Node Modules
  • Урок 147. 00:16:22
    The NPM Package Manager and Installing External Node Modules
  • Урок 148. 00:15:50
    [Project] QR Code Generator
  • Урок 149. 00:01:15
    Tip from Angela - Step Up to the Challenge
  • Урок 150. 00:07:01
    What is Express?
  • Урок 151. 00:21:36
    Creating Our First Server with Express
  • Урок 152. 00:23:45
    HTTP Requests
  • Урок 153. 00:19:16
    Postman
  • Урок 154. 00:18:27
    Introduction to Middlewares
  • Урок 155. 00:19:29
    Custom Middlewares
  • Урок 156. 00:08:23
    Secrets Access Project
  • Урок 157. 00:02:56
    Tip from Angela - How to Solidify Your Knowledge
  • Урок 158. 00:22:55
    What is EJS?
  • Урок 159. 00:17:45
    EJS Tags
  • Урок 160. 00:16:46
    Passing Data to EJS Templates
  • Урок 161. 00:18:10
    EJS Partials and Layouts
  • Урок 162. 00:12:02
    Band Generator Project
  • Урок 163. 00:02:08
    Tip from Angela - Location, Location, Location!
  • Урок 164. 00:02:05
    Introduction to Version Control and Git
  • Урок 165. 00:14:19
    Version Control Using Git and the Command Line
  • Урок 166. 00:10:23
    GitHub and Remote Repositories
  • Урок 167. 00:11:00
    Gitignore
  • Урок 168. 00:09:29
    Cloning
  • Урок 169. 00:10:30
    Branching and Merging
  • Урок 170. 00:15:19
    Forking and Pull Requests
  • Урок 171. 00:04:02
    Tip from Angela - Spaced Repetition
  • Урок 172. 00:19:28
    Introduction to APIs
  • Урок 173. 00:14:23
    Structuring API Requests
  • Урок 174. 00:17:57
    What is JSON?
  • Урок 175. 00:18:01
    Making Server-Side API Requests with Axios
  • Урок 176. 00:37:46
    API Authentication
  • Урок 177. 00:25:18
    REST APIs
  • Урок 178. 00:12:02
    Secrets Project
  • Урок 179. 00:02:57
    Tip from Angela - Use Accountability in your Favour
  • Урок 180. 00:17:50
    Building your own APIs
  • Урок 181. 00:20:59
    Creating GET Routes
  • Урок 182. 00:14:37
    Creating POST, PUT, and PATCH Routes
  • Урок 183. 00:06:33
    Creating the DELETE Route
  • Урок 184. 00:14:55
    Build your own API for a Blog
  • Урок 185. 00:02:07
    Tip from Angela - How to Get a Job as Programmer
  • Урок 186. 00:19:59
    Databases Explained: SQL vs. NOSQL
  • Урок 187. 00:06:02
    Tip from Angela - When Life Gives You Lemons
  • Урок 188. 00:13:49
    SQL Commands: CREATE Table and INSERT Data
  • Урок 189. 00:03:11
    SQL Commands: READ, SELECT, and WHERE
  • Урок 190. 00:04:43
    Updating Single Values and Adding Columns in SQL
  • Урок 191. 00:01:33
    SQL Commands: DELETE
  • Урок 192. 00:11:14
    Understanding SQL Relationships, Foreign Keys and Inner Joins
  • Урок 193. 00:02:02
    Tip from Angela - Find All the Hard Working People
  • Урок 194. 00:12:35
    Installing MongoDB on Mac
  • Урок 195. 00:09:21
    Installing MongoDB on Windows
  • Урок 196. 00:09:38
    MongoDB CRUD Operations in the Shell: Create
  • Урок 197. 00:06:23
    MongoDB CRUD Operations in the Shell: Reading & Queries
  • Урок 198. 00:04:08
    MongoDB CRUD Operations in the Shell: Update
  • Урок 199. 00:01:46
    MongoDB CRUD Operations in the Shell: Delete
  • Урок 200. 00:06:13
    Relationships in MongoDB
  • Урок 201. 00:19:04
    Working with The Native MongoDB Driver
  • Урок 202. 00:02:35
    Tip from Angela - Daily Routines
  • Урок 203. 00:20:27
    Introduction to Mongoose
  • Урок 204. 00:07:29
    Reading from Your Database with Mongoose
  • Урок 205. 00:07:57
    Data Validation with Mongoose
  • Урок 206. 00:10:07
    Updating and Deleting Data Using Mongoose
  • Урок 207. 00:06:46
    Establishing Relationships and Embedding Documents using Mongoose
  • Урок 208. 00:03:02
    Tip from Angela - Deep Work
  • Урок 209. 00:16:47
    Let's take the ToDoList Project to the Next Level and Connect it with Mongoose
  • Урок 210. 00:13:26
    Rendering Database Items in the ToDoList App
  • Урок 211. 00:03:57
    Adding New Items to our ToDoList Database
  • Урок 212. 00:13:49
    Deleting Items from our ToDoList Database
  • Урок 213. 00:16:13
    Creating Custom Lists using Express Route Parameters
  • Урок 214. 00:07:32
    Adding New Items to the Custom ToDo Lists
  • Урок 215. 00:19:11
    Revisiting Lodash and Deleting Items from Custom ToDo Lists
  • Урок 216. 00:02:55
    Tip from Angela - One Step at a Time
  • Урок 217. 00:05:03
    How to Deploy Web Apps with a Database
  • Урок 218. 00:13:42
    How to Setup MongoDB Atlas
  • Урок 219. 00:12:14
    Deploying an App with a Database to Heroku
  • Урок 220. 00:02:21
    Tip from Angela - Discipline Breeds Discipline
  • Урок 221. 00:02:32
    Challenge: Give your Blog a Database
  • Урок 222. 00:05:23
    Tip from Angela - Dealing with Limitations
  • Урок 223. 00:05:47
    Introduction to Authentication
  • Урок 224. 00:07:27
    Getting Set Up
  • Урок 225. 00:14:44
    Level 1 - Register Users with Username and Password
  • Урок 226. 00:16:36
    Level 2 - Database Encryption
  • Урок 227. 00:17:41
    Using Environment Variables to Keep Secrets Safe
  • Урок 228. 00:15:26
    Level 3 - Hashing Passwords
  • Урок 229. 00:12:29
    Hacking 101 ☣️
  • Урок 230. 00:20:42
    Level 4 - Salting and Hashing Passwords with bcrypt
  • Урок 231. 00:08:20
    What are Cookies and Sessions?
  • Урок 232. 00:29:31
    Using Passport.js to Add Cookies and Sessions
  • Урок 233. 00:47:47
    Level 6 - OAuth 2.0 & How to Implement Sign In with Google
  • Урок 234. 00:13:41
    Finishing Up the App - Letting Users Submit Secrets
  • Урок 235. 00:01:38
    Tip from Angela - How to Work as a Freelancer
  • Урок 236. 00:07:29
    What is React?
  • Урок 237. 00:01:35
    What we will make in this React module
  • Урок 238. 00:05:51
    Introduction to Code Sandbox and the Structure of the Module
  • Урок 239. 00:16:13
    Introduction to JSX and Babel
  • Урок 240. 00:07:35
    JSX Code Practice
  • Урок 241. 00:11:43
    Javascript Expressions in JSX & ES6 Template Literals
  • Урок 242. 00:08:35
    Javascript Expressions in JSX Practice
  • Урок 243. 00:16:59
    JSX Attributes & Styling React Elements
  • Урок 244. 00:08:42
    Inline Styling for React Elements
  • Урок 245. 00:10:00
    React Styling Practice
  • Урок 246. 00:15:48
    React Components
  • Урок 247. 00:05:02
    React Components Practice
  • Урок 248. 00:11:11
    Javascript ES6 - Import, Export and Modules
  • Урок 249. 00:04:05
    Javascript ES6 Import, Export and Modules Practice
  • Урок 250. 00:13:53
    [Windows]​ Local Environment Setup for React Development
  • Урок 251. 00:13:41
    [Mac] Local Environment Setup for React Development​
  • Урок 252. 00:04:59
    Keeper App Project - Part 1 Challenge
  • Урок 253. 00:14:08
    Keeper App Part 1 Solution
  • Урок 254. 00:16:45
    React Props
  • Урок 255. 00:13:20
    React Props Practice
  • Урок 256. 00:17:20
    React DevTools
  • Урок 257. 00:10:22
    Mapping Data to Components
  • Урок 258. 00:17:31
    Mapping Data to Components​ Practice
  • Урок 259. 00:20:22
    Javascript ES6 Map/Filter/Reduce
  • Урок 260. 00:09:57
    Javascript ES6 Arrow functions
  • Урок 261. 00:10:24
    Keeper App Project - Part 2
  • Урок 262. 00:19:25
    React Conditional Rendering with the Ternary Operator & AND Operator
  • Урок 263. 00:06:34
    Conditional Rendering Practice
  • Урок 264. 00:09:39
    State in React - Declarative vs. Imperative Programming
  • Урок 265. 00:18:10
    React Hooks - useState
  • Урок 266. 00:07:25
    useState Hook Practice
  • Урок 267. 00:17:46
    Javascript ES6 Object & Array Destructuring
  • Урок 268. 00:05:49
    Javascript ​ES6 Destructuring Challenge Solution
  • Урок 269. 00:11:11
    Event Handling in React
  • Урок 270. 00:13:41
    React Forms
  • Урок 271. 00:06:25
    Class Components vs. Functional Components
  • Урок 272. 00:19:44
    Changing Complex State
  • Урок 273. 00:07:09
    Changing Complex State Practice
  • Урок 274. 00:10:59
    Javascript ES6 Spread Operator
  • Урок 275. 00:12:21
    Javascript ES6 Spread Operator Practice
  • Урок 276. 00:22:39
    Managing a Component Tree
  • Урок 277. 00:08:28
    Managing a Component Tree Practice
  • Урок 278. 00:25:06
    Keeper App Project - Part 3
  • Урок 279. 00:16:39
    React Dependencies & Styling the Keeper App
  • Урок 280. 00:02:15
    Tip from Angela - How to Build Your Own Product
  • Урок 281. 00:07:39
    What is Web3?
  • Урок 282. 00:25:46
    How does the Blockchain actually work?
  • Урок 283. 00:09:20
    What are DApps (Decentralised Apps) and how do you develop them?
  • Урок 284. 00:09:19
    What is the Internet Computer (ICP)?
  • Урок 285. 00:07:04
    [Mac Users] Installation and Setup for Web3 Development
  • Урок 286. 00:12:46
    [Windows Users] Installation and Setup for Web3 Development
  • Урок 287. 00:02:17
    What You'll Build - DBANK (Inspired by Compound)
  • Урок 288. 00:12:37
    Introduction to the Motoko Language
  • Урок 289. 00:16:01
    Motoko Functions and the Candid User Interface
  • Урок 290. 00:05:35
    Motoko Conditionals and Type Annotations
  • Урок 291. 00:08:10
    Query vs. Update Methods
  • Урок 292. 00:08:04
    Orthogonal Persistance
  • Урок 293. 00:17:36
    Tracking Time and Calculating Compound Interest
  • Урок 294. 00:07:36
    Adding HTML and CSS to Create the Frontend for DBANK
  • Урок 295. 00:27:08
    Connecting the Motoko Backend to our JS Frontend
  • Урок 296. 00:07:08
    What are Cycles and the ICP Token?
  • Урок 297. 00:05:22
    How to Claim Free Cycles from Dfinity
  • Урок 298. 00:03:06
    How to Deploy to the ICP Network
  • Урок 299. 00:05:58
    How to Convert ICP into Cycles?
  • Урок 300. 00:07:39
    [Optional] How to Deploy a Static Website onto the ICP Blockchain for Hosting
  • Урок 301. 00:11:26
    How to Configure a DFX Created Project to Use React
  • Урок 302. 00:16:05
    Storing Data on a Canister
  • Урок 303. 00:11:59
    Retrieving Data from a Canister
  • Урок 304. 00:16:36
    Deleting and Persistance
  • Урок 305. 00:09:19
    Tokens and Coins: What are they and how are they used?
  • Урок 306. 00:06:11
    Download and Configure the Skeleton Project
  • Урок 307. 00:19:35
    Using Motoko Hashmaps to Store Token Balances
  • Урок 308. 00:13:59
    Showing the User's Token Balance on the Frontend
  • Урок 309. 00:15:17
    Creating the Faucet Functionality Using the Shared Keyword
  • Урок 310. 00:20:53
    Creating the Transfer Functionality
  • Урок 311. 00:06:41
    Using the Transfer Functionality in the Faucet
  • Урок 312. 00:15:44
    Persisting Non-Stable Types Using the Pre- and Postupgrade Methods
  • Урок 313. 00:05:31
    What is the Internet Identity?
  • Урок 314. 00:07:57
    Authenticating with the Internet Identity
  • Урок 315. 00:18:28
    [Optional] Live Deployment to Test Internet Identity Authentication
  • Урок 316. 00:10:24
    What You'll Build - A Website to Mint, Buy and Sell NFTs
  • Урок 317. 00:16:45
    Minting NFTs
  • Урок 318. 00:20:03
    Viewing the NFT on the Frontend
  • Урок 319. 00:30:39
    Enabling the Minting Functionality on the Frontend
  • Урок 320. 00:36:40
    Displaying Owned NFTs Using the React Router
  • Урок 321. 00:33:49
    Listing NFTs for Sale
  • Урок 322. 00:11:18
    Styling the Listed NFTs
  • Урок 323. 00:22:38
    Creating the "Discover" Page
  • Урок 324. 00:32:03
    Buying NFTs
  • Урок 325. 00:39:44
    AAA 1 - How to Soak in Programming Concepts and more...
  • Урок 326. 00:39:09
    AAA 2 - Schedule for Learning to Code and more...
  • Урок 327. 00:25:21
    AAA 3 - How to Start Freelancing and more...
  • Урок 328. 00:59:53
    AAA 4 - The Live AMA