Course Library - Learn by Building

This high quality curriculum is carefully designed to teach you job skills as a programmer. You're going to learn a massive set of skills ranging from fundamentals of programming and computer science, data structures and algorithms, state-of-the-art tools, libraries, and frameworks.
You'll learn by building real-world applications, and learn theory along the way.
These lessons are taught by seasoned teachers who explain everything in surprisingly simple language. That's what makes Upskill unique!
Don't wait to get started - we offer over 200 free lessons and add new lessons regularly!

List View
Tile View

Curriculum

The Essential Web Developer Course FREE 197 Lessons

Skills covered: HTML CSS JS jQuery Ruby Rails Databases E-commerce Bootstrap Git Servers HTTP Object Oriented Programming API's
This massive, free course covers full-stack web development using modern tools like HTML, CSS, JavaScript and Ruby on Rails. The ... read more

Introduction

1. Welcome to the Course! (2:18) Preview

2. Important! Read Me! Preview

3. Tips for Acing this Course (1:57)

4. How Computers Work (4:04)

5. How the Internet Works (5:40)

HTML

6. Sublime Text & Other Tools (3:46) Preview

7. First HTML Page (3:57) Preview

8. The HTML Page Structure (4:07) Preview

9. Text (11:24)

10. Lists (5:45)

11. Images (8:57)

12. Tables (10:26)

13. Forms (13:02)

14. Links (6:29)

15. Divs and Spans (12:09)

16. Comments (2:32)

CSS

17. Linking to a CSS File (7:38)

18. Selecting HTML (4:30)

19. Color Values (5:28)

20. CSS Gradients (3:48)

21. Text and Fonts (7:28)

22. Listomania (2:54)

23. Comments (1:49)

24. Rounded Corners & Shadows (4:16)

25. Box Model - Margin & Padding (8:35)

26. Display Options (8:14)

27. Inspector Gadget (7:04)

28. CSS Is Classy (7:41)

29. Selectors Revisited (8:57)

Deep Dive: Build a Blog

30. Setting Up With Cloud9 IDE

31. Create a Blank Rails App

32. Turn Cloud9 Into a Server (7:16) Preview

33. Creating Blog Posts (6:17)

34. Homepage and Bootstrap (10:52)

35. Better Buttons and Forms (5:34)

36. Displaying the Date (4:49)

The Ruby Language

37. Scripting Languages (12:18)

38. Ruby Files & IRB (5:42)

39. Numbers & Strings (8:18)

40. Variables & Interpolation (7:06)

41. Booleans (8:18)

42. If Statements (8:34)

43. Arrays (8:31)

44. Hashes (4:22)

45. Iterators (11:55)

46. Methods (13:16)

47. Classes (11:13)

48. Inheritance (11:32)

Build a Real Startup

49. Important - Read First!

50. Tips for Acing this Course (1:57)

51. Get Your Free Github Account (2:44)

52. Setup Your Free Cloud9 Account

53. Setup Your Cloud9 Workstation (7:47)

54. Changing Directories and Starting with a Clean Slate (11:58)

55. Install Ruby and Rails with RVM (10:07)

56. Explanation of RVM Ruby and Rails Installation (8:10)

57. Initialize Git to Track Changes (3:37)

58. Explanation of Git (4:07)

59. SSH Keys Will Link Cloud9 to GitHub (5:10)

60. Explanation of SSH and GitHub (2:39)

61. The Rails Server Command (7:25)

62. Gemfile Changes (7:12)

63. Explanation of Gemfile Changes (8:48)

64. Creating a Home Page (8:25)

65. Explanation of Home Page (4:06)

66. Adding Custom Google Fonts (5:03)

67. Explanation of Google Fonts (3:15)

68. Adding an About Page (5:23)

69. Explanation of About Page (3:34)

70. Twitter Bootstrap Makes Our Site Look Good (8:24)

71. Explanation of Bootstrap (7:50)

72. Bootstrap Navbar (6:59)

73. Background Gradient (7:07)

74. Explanation of Background Gradient (2:14)

75. Improving the Home Layout (9:17)

76. Explanation of Home Layout (4:07)

77. Navbar Text Color (8:26)

78. Explanation of Navbar Color (3:21)

79. Refactor CSS with SCSS (5:09)

80. Explanation of SCSS Refactor (2:02)

81. Font Awesome for Icons (6:12)

82. Explanation of Font Awesome (2:42)

83. Links in Rails (5:27)

84. Explanation of Links in Rails (3:46)

85. Route Prefixes (6:58)

86. Explanation of Route Prefixes (6:22)

87. An Updated About Page (5:31)

88. Explanation of About Page (1:29)

89. Bootstrap JavaScript (10:34)

90. The Asset Pipeline (7:48)

91. Git Workflow Tips (If You Get Stuck)

Forms, Databases, and Sending Emails

92. Forms are Everywhere (1:58)

93. Contact Form Page (10:45)

94. Explanation of Contact Page (2:40)

95. Contact Form Fields (6:54)

96. Explanation of Contact Form Fields (2:17)

97. Bootstrap the Form (7:37)

98. Explanation of Bootstrap for Forms (3:18)

99. Nav Link for Contact Form Page (5:16)

100. Explanation of Form Nav Link (5:53)

101. Contacts Table (6:46)

102. Explanation of Contacts Table and Migration (6:43)

103. Contact Model File (3:52)

104. Explanation of Model Files (8:55)

105. Contact Create Action for Saving to the Database (9:36)

106. Explanation of Create Action (12:02)

107. Hirb Gem Cleans Up the Database Presentation (3:28)

108. Objects in the Rails Console (11:24)

109. Form Validations (5:49)

110. Explanation of Validations (1:50)

111. The Flash and Errors (7:34)

112. Explanation of Flash (4:51)

113. Flash Message Style Improvements (10:20)

114. Explanation of Flash Improvements (21:18)

115. Custom URLs (3:40)

116. Explanation of Custom URLs (8:29)

117. HTTP, REST, and Rails (14:11)

118. Cleaning Up the Routes (16:05)

119. Contact Mailer File (6:58)

120. Explanation of the Mailer Class (11:45)

121. The Mailer View (4:57)

122. Explanation of Mailer View (7:55)

123. Controller Triggers the Mailer (5:54)

124. Explanation of Mailer and Params (23:52)

125. Heroku for Production Servers (13:12)

126. First Deploy to the Servers (8:10)

127. Sending Email with Mailgun (13:53)

128. An Important Breakdown of How the Form Works Part I (8:36)

129. An Important Breakdown of How the Form Works Part II (12:36)

130. Code Comments for Contact Form (6:47)

User Memberships and Accepting Subscription Payments

131. Devise Gem Setup (11:26)

132. Explanation of Devise Installation (9:03)

133. Add Bootstrap of Sign Up Form (11:00)

134. Add Bootstrap to Login Form (4:47)

135. Explanation of Devise Forms (4:24)

136. Nav Links for Devise (4:53)

137. Link Helpers (10:06)

138. Explanation of Link Helpers (3:19)

139. Conditional Logout Button (8:08)

140. Hiding with CSS (6:31)

141. Database Table for Membership Plans (8:57)

142. Explanation of Plans Table, Seeds, Classes, and Objects (18:03)

143. Associating Users and Plans (6:51)

144. Explanation of Associations and Relational Databases (9:36)

145. Pseudocode (4:26)

146. Sign Up Buttons for Membership Plans (11:48)

147. Sending Parameters for Plans (26:05)

148. Explanation of Active Record and Query String Parameters (22:50)

149. Accessing Parameters (5:43)

150. Explanation of Accessing Parameters (8:38)

151. Sign Up Form Partials and Credit Card Fields (14:41)

152. Explanation of Partials and Card Fields (6:34)

153. Stripe Account and Gem (5:26)

154. Figaro Gem and API Keys (7:41)

155. Explanation of Figaro (5:53)

156. Stripe Requirements (16:29)

157. Preparing for Stripe - Customer Tokens (3:35)

158. Preparing for Stripe - Saving Plans (7:55)

159. Preparing for Stripe - HTML Changes (9:32)

160. Sending Card Fields to Stripe (25:23)

161. JavaScript for the Stripe Response (29:08)

162. Creating Subscriptions with Stripe (31:26)

163. Code Comments for Stripe (5:16)

164. Updating Flash Message Styles (11:32)

165. Subtle User Interface Update (5:08)

166. Deploy an Update to Heroku (7:47)

167. Stripe Review (Optional) (49:01)

User Profiles and Relational Databases

168. User Profiles Database Table (5:47)

169. User and Profile Association (4:12)

170. Explanation of User Profile Associations (4:58)

171. User Profile Nested Routes (6:57)

172. Explanation of Nested Routes (14:35)

173. Profiles Controller and Dynamic Routes (18:51)

174. Dynamic Routes Explained (24:51)

175. Form for New User Profiles (11:55)

176. Explanation of New Profile Form (7:44)

177. Profiles Create Action (11:01)

178. Explanation of Create Action (14:11)

179. Users Show Action as Profile Page (10:55)

180. Explanation of Users Show (9:25)

181. Bare Bones User Profile Page (13:12)

182. Explanation of User Profile Page (6:30)

183. Paperclip Gem for Image Uploads (4:16)

184. Adding Images to Profiles Table (3:03)

185. Image Upload (8:36)

186. Styling the User Profile (16:12)

187. Conditional View Elements with Helpers (13:06)

188. Home Improvement (15:20)

189. Form for Editing User Profiles (13:36)

190. Profile Update Action (11:33)

191. Securing the User Pages (9:53)

192. Users Index Page (5:53)

193. Community Page Details and Styles (28:38)

194. More Nav Links and Pro Labels (12:20)

195. Copy Improvements (3:31)

196. Final Deploy (5:12)

197. More Content Coming Soon

HTML & CSS Syntax Review FREE 24 Lessons

Skills covered: HTML CSS Box Model Typography
Review the fundamentals of HTML and CSS. HTML (Hypertext Markup Language) is used for putting content on a web page. With... read more

HTML

1. Sublime Text & Other Tools (3:46) Preview

2. First HTML Page (3:57) Preview

3. The HTML Page Structure (4:07)

4. Text (11:24)

5. Lists (5:45)

6. Images (8:57)

7. Tables (10:26)

8. Forms (13:02)

9. Links (6:29)

10. Divs and Spans (12:09)

11. Comments (2:32)

CSS

12. Linking to a CSS File (7:38)

13. Selecting HTML (4:30)

14. Color Values (5:28)

15. CSS Gradients (3:48)

16. Text and Fonts (7:28)

17. Listomania (2:54)

18. Comments (1:49)

19. Rounded Corners & Shadows (4:16)

20. Box Model - Margin & Padding (8:35)

21. Display Options (8:14)

22. Inspector Gadget (7:04)

23. CSS Is Classy (7:41)

24. Selectors Revisited (8:57)

JavaScript Basics FREE 18 Lessons

Skills covered: JavaScript Loops Conditionals Operators Data Types Variables
JavaScript - the standard for web development. JavaScript, not to be confused with Java, was created in 1995 by Brendan Eich while he ... read more

1. Setting Up to Code (2:56) Preview

2. The JavaScript Console (4:13) Preview

3. Getting a Feel for JavaScript (10:23) Preview

4. The Text Editor (14:09) Preview

5. Numbers (6:51)

6. Strings (5:30)

7. Variable Assignment (6:23) Preview

8. Booleans (4:46)

9. Comparison Operators (5:49)

10. Logical Operators (5:13)

11. Comments (3:51)

12. If Statements (8:14)

13. Ternary Operator (4:33)

14. Switch Statements (5:46)

15. While Loops (6:24)

16. Do While Loops (2:52)

17. For Loops (8:02)

18. Nested for Loops (6:34)

Intermediate JavaScript PRO 14 Lessons

Skills covered: JavaScript Functions Recursion Arrays Scope Object Oriented Programming Prototypal Inheritance Regular Expressions
Learn programming concepts with JavaScript. In these lessons, we'll go over concepts that apply to many other programming languages. T... read more

1. Arrays (9:28) Preview

2. Array Functions (5:24)

3. Functions (7:59)

4. Function Return (3:57)

5. Recursion (7:08)

6. Scope (10:02)

7. Closure (8:57)

8. Advanced Arrays (11:01)

9. Objects (4:58)

10. Classes (9:01)

11. Regex (6:18)

12. Errors (8:02)

13. Var Let Const (6:01)

14. Higher Order Functions (6:41)

JavaScript and the Browser PRO 20 Lessons

Skills covered: JavaScript Functions DOM Objects Prototypal Inheritance Events
Controlling browsers with JavaScript. Every major browser has a JavaScript engine built-in. As you'll see, the three core web languages... read more

1. Html Structure (6:47) Preview

2. DOM Intro (6:57)

3. DOM Levels Webapis (3:06)

4. Window Properties (9:12)

5. Window Methods (6:51)

6. Document (12:20)

7. Node Properties (8:14)

8. Node Methods (4:40)

9. Element Properties Methods (6:19)

10. Events Intro (9:12)

11. More Common Events (4:05)

12. Bubbling Target (6:27)

13. Propagation Phases (2:43)

14. Delegation (4:09)

15. Prevent Default (2:37)

16. Page Lifecycle (5:43)

17. Forms (8:06)

18. Form Validation (6:46)

19. Jquery (12:20)

20. Cookies (6:23)

Build a Game in the Browser: Tic Tac Toe FREE 6 Lessons

Skills covered: JavaScript DOM HTML CSS Arrays Functions Objects
Learn by applying your skills. It's time to apply the skills you've learned so far to build a mini-game: an interactive Tic Tac Toe gam... read more

1. Intro (4:41)

2. Drawing Board (10:20)

3. Executing Moves (11:55)

4. Updating Dom (7:10)

5. Scoring the Game (13:49)

6. Code Review (9:04)

Build an Application from Scratch and Structure Your Code PRO 31 Lessons

Skills covered: HTML CSS JavaScript Data Storage HTTP Form Validation Application Structure MVC
Applying ES6 to build an MVC application. In this course, you'll get to build a practical application from scratch with HTML, CSS, and ... read more

1. Demo (0:52) Preview

2. Html Form (5:41)

3. Add Js (3:47)

4. Select Form (3:57)

5. Controller Setup (4:39)

6. Form Values (2:52)

7. Object Decomposition (3:57)

8. Model Setup (3:43)

9. Bind This (3:20)

10. Subscribe View to Model (4:19)

11. Expense Row Setup (4:17)

12. Expense Row P2 (2:52)

13. Db Setup (3:08)

14. localStorage (5:25)

15. Delete Button Setup (4:27)

16. Delete Button P2 (4:29)

17. Edit Button Setup (3:00)

18. Edit Row Setup (5:12)

19. Edit Form (2:47)

20. Edit Form Cancel (4:05)

21. Event Handlers Bug Fix (2:03)

22. Wrap Up Edit Form (5:11)

23. Validate Amount Setup (3:09)

24. Display Error Message (4:13)

25. Validate Amount P2 (3:32)

26. Format Amount (4:13)

27. Hide Error on Reset (1:36)

28. Edit Form Amount Validation (3:05)

29. Validate Date Setup (3:24)

30. Display Date Error (3:10)

31. Complete Date Validation (5:29)

How to Use APIs: Cryptocurrency Tracker PRO 7 Lessons

Skills covered: HTML CSS JavaScript API's HTTP DOM
Learn by applying your skills. Here, you'll get to apply the skills you've learned so far to build a mini-application: a cryptocurrency... read more

1. Intro (3:24) Preview

2. Crypto Compare Api (13:15)

3. Http Requests (6:41)

4. Getting Coin Prices (10:08)

5. Displaying Coin Prices (8:49)

6. Updating Prices (12:46)

7. Code Review (3:24)

Understanding Frameworks: Rebuilding the Expense Tracker PRO 44 Lessons

Skills covered: HTML CSS JavaScript Frameworks Backbone.js jQuery Data Storage HTTP Form Validation Sorting Routing MVC
Rebuilding an application with a framework. In this course, you'll get firsthand experience using Backbone.js - one of the earlier, pop... read more

1. Demo (1:02) Preview

2. Basic Setup (1:44)

3. Backbone Setup (5:39)

4. Add Form (4:51)

5. Add App and View (2:39)

6. Form View Intro (3:37)

7. Append Form View (4:38)

8. Move Form to Js (4:39)

9. Form Submit Setup (3:29)

10. Log Form Values (3:08)

11. Expense Model (4:26)

12. Expenses Collection (5:26)

13. Expenses View (5:06)

14. Expense (5:57)

15. Fix Expenses View (1:34)

16. Display Expense (5:52)

17. Expense Id (3:57)

18. Save Expense to Localstorage (4:43)

19. Load Expenses From Localstorage (5:03)

20. Remove Expense View (3:25)

21. Remove Expense Model (3:43)

22. Edit Expense Form Setup (4:24)

23. Edit Expense Form Complete (4:58)

24. Basic Amount Validation (3:43)

25. Render Validation Errors (4:46)

26. Validate Expense Edit (3:03)

27. Validate Expense Amount Complete (5:38)

28. Validate Date Complete (5:28)

29. Format Amount Setup (5:41)

30. Format Amount Complete (5:44)

31. Fix Broken Validation (1:47)

32. Format Dates (4:09)

33. Format on Edit (1:48)

34. Fix Firefox (2:43)

35. Sorting Setup (4:29)

36. Router Setup (4:35)

37. Router Params (4:32)

38. Sort Collection Setup (3:18)

39. Expenses Sort Parameters (2:05)

40. Comparator (5:20)

41. Expenses View Sort Links (1:33)

42. Expenses View Sort Direction (5:39)

43. Expense Sorting Complete (3:23)

44. Form Reset and Closing (2:03)

Develop Custom Themes with Wordpress PRO 63 Lessons

Skills covered: HTML CSS Wordpress PHP MySQL
Wordpress powers a quarter of the Internet. Learn how to build and launch custom sites and web apps using Wordpress, PHP, HTML, ... read more

Introduction

1. What We'll Cover (6:19) Preview

2. Getting the Most From This Course (2:04) Preview

Setup

3. Setup With Cloud9 (5:57)

4. Setup Wordpress Site (4:39)

5. Restarting Your Server (2:48)

6. Wordpress Workflow (6:04)

Theme Basics

7. Activating Themes (3:15)

8. How Themes Files Work (7:39)

9. Our First Custom Theme (5:38)

10. Theme Info in the Style Sheet (6:46)

11. CMS in Action (3:58)

12. Our First Dynamic Page (7:39)

13. The Loop (11:06)

14. Admin Bar (4:57)

15. HTML Boilerplate (4:32)

16. Benefits of Bootstrap (7:22)

17. Head Section (6:26)

18. WP Head (3:33)

19. Footer (2:05)

20. Bootstrap Container (3:59)

21. Jumbotron (5:17)

22. CSS Gradients (4:58)

23. Functions File (11:29)

24. Code Comments (3:34)

Template Files

33. Header Partial (6:25)

34. Footer Partial (4:26)

35. Labelling Files (5:44)

36. Page Templates (9:07)

37. Multiple Templates (12:09)

38. Body Class (8:53)

39. Register Sidebar (11:02)

40. Display Sidebar (5:26)

41. Sidebar Partial (2:38)

42. Multiple Sidebars (1:26)

43. Single Template (4:25)

44. Blog Layout (7:12)

45. Blog Posts Navigation (5:38)

46. Displaying the Date (4:04)

47. Pagination (8:55)

48. Post Class (3:56)

49. Blog Comments (6:11)

50. Custom Partials (5:10)

51. Bootstrap Tips (4:29)

52. Review (7:15)

Finishing Touches

53. Shortcodes for Home (6:21)

54. Custom Shortcode (9:02)

55. Remove Auto Paragraph (5:44)

56. Remove Title (2:50)

57. Footer Code (8:00)

58. Namespacing Functions (6:04)

59. Fix the Blog Page and Footer (10:41)

60. Template Hierarchy (6:59)

61. Google Fonts (8:43)

62. Disable Debug Mode (4:05)

63. Zipping Up and Goodbye (6:01)

Visualize Your Code: The Debugger FREE 5 Lessons

Skills covered: Debugger Algorithms Loops Functions Arrays
The debugger that comes built-in with Google Chrome is a powerful tool for learning JavaScript. Not only does it help you track d... read more

1. Introduction to the Debugger (1:25) Preview

2. Basic Example (12:46)

3. An Algorithm Example (11:08)

4. Step by Step with the Debugger (7:23)

5. Breakpoints (11:20)

Algorithm Exercises in JavaScript FREE 13 Lessons

Skills covered: Algorithms Data Structures Loops Recursion Arrays Objects
These are exercise/solution sets for algorithms written in JavaScript. It is highly recommended that you are comfortable with JavaScript ... read more

1. Introduction (6:54) Preview

2. Background Information Preview

3. Instructions for Exercises (20:16)

4. Factorial

5. Longest Word

6. Title Case

7. Largest Numbers in Arrays

8. Confirm Ending

9. Repeat String

10. Truncate String

11. Truth Test

12. Check Boolean Primitive

13. Splicing Arrays

Learn a JavaScript Framework: Intro to Vue PRO 16 Lessons

Skills covered: HTML CSS JavaScript Frameworks Vue Loops Obligatory To-Do List Objects
A clear and simple introduction to the Vue framework. Vue is a popular JavaScript framework for building web applications, maki... read more

1. Introduction (4:56) Preview

2. A Simple Vue App (5:39)

3. Injecting Data into the Page (4:53)

4. Conditional Rendering (5:55)

5. Looping over Arrays of Data (5:02)

6. Events (3:49)

7. Putting the Concepts Together (5:32)

8. Computed Properties (6:05)

9. Methods (2:48)

10. Adding Items to the Todo List (5:16)

11. Bind Data to HTML Attributes (3:23)

12. Reusable Components (5:39)

13. Components and Data (2:47)

14. Applying Components to the App (4:50)

15. Sending Data out of a Component (4:46)

16. Using Data from Elsewhere (6:22)

JavaScript: Build a Modal PRO 11 Lessons

Skills covered: HTML CSS JavaScript Events Animation
Use pure CSS and vanilla JavaScript to build a modal from scratch. In this series, you'll get to build a modal pop-up from scra... read more

1. Introduction (1:42) Preview

2. Setting Up and Tips (8:53) Preview

3. Getting Started (2:18) Preview

4. Boilerplate HTML (5:55)

5. Adding CSS (3:01)

6. Modal Background CSS (2:10)

7. Modal Box CSS (6:30)

8. Adding the Smooth Animation Code (1:24)

9. Targeting HTML Elements in the DOM using JS (1:33)

10. Adding JS Event Listeners (3:35)

11. CSS Variables (3:16)

JavaScript: Modern Image Gallery PRO 11 Lessons

Skills covered: HTML CSS Grid Media Queries JavaScript Events Animation
Build a Modern Image Gallery with vanilla JavaScript In these lessons, you'll learn the skills required to build an image galle... read more

1. Introduction (2:23) Preview

2. Setting Up and Tips (6:35) Preview

3. Getting Started (0:54) Preview

4. Adding the Markup (HTML) (2:37)

5. Adding CSS (4:45)

6. Adding Animation Code (2:10)

7. Responsive Design - Media Queries (1:29)

8. Targeting HTML Elements with JS (2:08)

9. Event Listener for Clicks (3:06)

10. Applying the Fade In Effect (2:53)

11. Thumbnail Animation (2:49)

JavaScript: Build a Digital Clock from Scratch PRO 10 Lessons

Skills covered: HTML CSS JavaScript Dates and Time Events DOM
Learn about native browser and JavaScript features by building a clock. You'll inevitably work with dates and time at some point in yo... read more

1. Introduction (1:56) Preview

2. Getting Started (3:26)

3. Working with Time (6:03)

4. Set Interval (7:42)

5. Formatting Time Digits (6:24)

6. Updating the DOM (8:13)

7. Adding 24 Hour State (5:51)

8. Updating Hour Display (6:03)

9. Converting 24hr to AM/PM (3:19)

10. Final DOM Update (4:12)

JavaScript: Build a Paint App from Scratch PRO 9 Lessons

Skills covered: HTML CSS JavaScript Application State Events DOM
Understand the DOM and Events by building a paint app. We're excited to bring you this set of lessons on JavaScript. You'll lea... read more

1. Introduction (2:02) Preview

2. Getting Started (3:26) Preview

3. Managing the Drawing State (6:40)

4. Essential Background Information (34:22) Preview

5. Painting a Spot (4:44)

6. Painting with the Mouse (4:58)

7. Wiring Up the Clear Button (2:04)

8. Changing Brush Shape (7:48)

9. Changing Brush Color (7:51)

Learn the React Framework: Rebuild Tic Tac Toe PRO 18 Lessons

Skills covered: React JavaScript Application State Events DOM
Learn React by rebuilding the Tic Tac Toe game. In this set of lessons, you'll learn how to use React - a JavaScript user inter... read more

1. Introduction (2:49) Preview

2. React is Just JavaScript (12:32) Preview

3. Setting Up Your Environment (7:58)

4. How React Works (7:53) Preview

5. Creating the Square Component (7:22)

6. Props (8:18)

7. Functions as Props and Event Handling (7:45)

8. Creating the Board Component (7:15)

9. Mapping the Board (8:44)

10. Handling Square Clicks (5:07)

11. Creating the Game Component (2:32)

12. Handling Current Player State (7:17)

13. Updating Current Player State (4:19)

14. How React Handles State (2:57)

15. Managing Board State (6:47)

16. Determining the Winner (9:23)

17. Creating the Winner Modal (3:05)

18. Displaying the Winner (3:50)

Computer Science: Data Structures and Algorithms FREE 18 Lessons

Skills covered: Computer Science Data Structures Algorithms Time Complexity
Learn critical computer science skills to boost your career. Employers often look for a background in computer science when hirin... read more

1. Introduction (5:33) Preview

2. Arrays (5:33)

3. Linked Lists (6:52)

4. Linked Lists vs. Arrays (5:36)

5. Stacks (6:23)

6. Queues (5:10)

7. Trees (8:41)

8. Min Heaps (3:38)

9. Max Heaps (3:55)

10. Binary Trees (8:49)

11. Merge Sort (6:32)

12. Bubble Sort (6:08)

13. Binary Search (6:16)

14. Time Complexity (7:47)

15. Constant Time (2:54)

16. Linear Time (4:28)

17. Logarithmic Time (3:42)

18. Quasilinear and Exponential Time (6:25)

Computer Science: Implementations of Data Structures and Algorithms with JS PRO 10 Lessons

Skills covered: Computer Science Data Structures Algorithms Implementation
Learn how data structures work under the hood. Employers often look for a background in computer science when hiring, and knowled... read more

1. Linked List Setup (6:30) Preview

2. Linked List Prepend (8:23)

3. Linked Lists Append (6:44)

4. Linked Lists Getters (2:44)

5. Linked Lists removeFirst (9:02)

6. Linked List Remove (16:54)

7. Stack Setup (4:44)

8. Stack - Push, Pop, Peek (7:21)

Course Library - Learn by Building

Curriculum

The Essential Web Developer Course FREE 197 Lessons

Introduction

HTML

CSS

Deep Dive: Build a Blog

The Ruby Language

Build a Real Startup

Forms, Databases, and Sending Emails

User Memberships and Accepting Subscription Payments

User Profiles and Relational Databases

HTML & CSS Syntax Review FREE 24 Lessons

HTML

CSS

JavaScript Basics FREE 18 Lessons

Intermediate JavaScript PRO 14 Lessons

JavaScript and the Browser PRO 20 Lessons

Build a Game in the Browser: Tic Tac Toe FREE 6 Lessons

Build an Application from Scratch and Structure Your Code PRO 31 Lessons

How to Use APIs: Cryptocurrency Tracker PRO 7 Lessons

Understanding Frameworks: Rebuilding the Expense Tracker PRO 44 Lessons

Develop Custom Themes with Wordpress PRO 63 Lessons

Introduction

Setup

Theme Basics

Navigation Menu

Template Files

Finishing Touches

Visualize Your Code: The Debugger FREE 5 Lessons

Algorithm Exercises in JavaScript FREE 13 Lessons

Learn a JavaScript Framework: Intro to Vue PRO 16 Lessons

JavaScript: Build a Modal PRO 11 Lessons

JavaScript: Modern Image Gallery PRO 11 Lessons

JavaScript: Build a Digital Clock from Scratch PRO 10 Lessons

JavaScript: Build a Paint App from Scratch PRO 9 Lessons

Learn the React Framework: Rebuild Tic Tac Toe PRO 18 Lessons

Computer Science: Data Structures and Algorithms FREE 18 Lessons

Computer Science: Implementations of Data Structures and Algorithms with JS PRO 10 Lessons

More courses and exercises coming soon!