Full stack web development, machine learning and AI integrations: HTML, Javascript, Python, Django.. | John Harper | Skillshare

Full stack web development, machine learning and AI integrations: HTML, Javascript, Python, Django..

John Harper, Cambridge Programmer, AI engineer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
291 Lessons (1d 8h 25m)
    • 1. Your first website!

      2:48
    • 2. Introduction to HTML

      2:20
    • 3. Getting set up

      2:22
    • 4. Your website in more detail

      6:40
    • 5. Paragraphs and Headers

      5:08
    • 6. Formatting

      6:20
    • 7. Introduction to practicals

      4:13
    • 8. Practical - Portfolio website

      1:42
    • 9. Solutions

      8:37
    • 10. Tutorial site for beginners

      1:22
    • 11. Solutions

      7:03
    • 12. Links and URLs

      6:46
    • 13. Images

      8:33
    • 14. Lists

      4:49
    • 15. Tables

      5:48
    • 16. Practical - Zoo website

      3:57
    • 17. Solutions

      18:19
    • 18. Solutions part 2

      8:01
    • 19. Line breaks

      1:56
    • 20. Forms

      8:15
    • 21. Practical - updating your portfolio website

      2:13
    • 22. Solutions part 1

      15:20
    • 23. Solutions part 2

      3:52
    • 24. Adding comments

      2:32
    • 25. Developers console

      2:53
    • 26. iFrames

      3:08
    • 27. HTML5 semantics

      3:56
    • 28. Div and span

      3:00
    • 29. Getting your site live on the internet

      8:19
    • 30. Finding the HTML tags you need

      3:40
    • 31. L37 CSS - What is it?

      1:44
    • 32. Integrating CSS

      8:13
    • 33. Colors

      9:35
    • 34. Practical - Beginner styling

      1:52
    • 35. Solution - Beginner styling

      10:47
    • 36. Picking colors

      5:32
    • 37. Text styling

      5:30
    • 38. Practical - Startup product page

      1:46
    • 39. Solutions

      9:19
    • 40. Practical - Portfolio styled

      1:44
    • 41. Solutions

      9:52
    • 42. Ids and classes

      12:19
    • 43. Divs and spans revisited

      9:55
    • 44. Position

      12:28
    • 45. Practical - Movie poster

      1:11
    • 46. Solutions

      13:50
    • 47. Float

      3:45
    • 48. Height and width

      1:24
    • 49. Practical - Color boxes

      0:36
    • 50. Solutions

      5:02
    • 51. Margins and padding

      2:46
    • 52. Practical - Art gallery

      1:15
    • 53. Solutions

      20:31
    • 54. Decorating links - a

      6:16
    • 55. Practical - Nav bars

      1:11
    • 56. Solutions

      9:35
    • 57. Tables

      5:01
    • 58. Child parent

      4:10
    • 59. Display

      4:36
    • 60. Practical - Painting gallery

      1:08
    • 61. Solutions

      15:22
    • 62. Adding Bootstrap

      2:46
    • 63. Using Bootstrap

      7:57
    • 64. Bootstrap class customise

      4:27
    • 65. Practical - Let's have some fun

      1:08
    • 66. Solutions

      5:51
    • 67. Grid

      8:11
    • 68. Practical - Product page

      1:29
    • 69. Solutions

      22:43
    • 70. Introduction to JavaScript

      3:10
    • 71. Adding Js to HTML

      2:43
    • 72. Functions - on click

      8:57
    • 73. Practical - Date time

      0:56
    • 74. Solutions

      4:49
    • 75. InnerHTML

      7:09
    • 76. Style Js CSS

      8:23
    • 77. Other events OnMouseOver

      14:12
    • 78. Practical - Color changer

      0:33
    • 79. Solutions

      9:31
    • 80. Variables and functions

      10:22
    • 81. Data types

      4:05
    • 82. Developer console

      3:05
    • 83. Strings and numbers

      3:50
    • 84. Operators

      8:00
    • 85. Comparisons

      5:22
    • 86. Logical operators

      4:25
    • 87. User interaction variables

      8:57
    • 88. Practical - Counter

      0:53
    • 89. Solutions

      7:41
    • 90. Arrays

      3:05
    • 91. Arrays in more detail

      9:12
    • 92. Priactical - Counter color

      1:31
    • 93. Solutions

      8:50
    • 94. Objects

      7:21
    • 95. If else

      11:56
    • 96. Else if

      8:27
    • 97. Practical - Welcome

      3:38
    • 98. Solutions

      15:59
    • 99. Getting HTML value to Js

      10:51
    • 100. Calculator

      5:23
    • 101. Practical - Beginners Bank

      1:52
    • 102. Solutions

      14:00
    • 103. For loops

      8:46
    • 104. Practical - Car dealership

      1:28
    • 105. Solutions

      6:29
    • 106. While loops

      4:27
    • 107. Comments

      2:42
    • 108. Practical - Tip calculator

      1:46
    • 109. Solutions

      20:26
    • 110. Functions - return

      2:12
    • 111. Practical - Reaction time

      2:46
    • 112. Solutions

      16:39
    • 113. Solutions part 2

      17:27
    • 114. Basics of jQuery

      2:32
    • 115. CSS and HTML

      5:49
    • 116. Event handlers

      5:06
    • 117. Animate

      10:04
    • 118. Introduction to Python

      2:13
    • 119. Setting up Python

      6:51
    • 120. Jupyter notebook

      3:16
    • 121. Print and input

      3:33
    • 122. Practical - Welcome message

      1:10
    • 123. Solutions

      4:07
    • 124. Common data types

      8:49
    • 125. Operators and comparisons

      4:58
    • 126. Format

      2:36
    • 127. Practical - Basic calculator

      0:40
    • 128. Solutions

      6:55
    • 129. Practical - Weight converter

      0:25
    • 130. Solutions

      5:31
    • 131. Comments

      1:41
    • 132. Importing modules and using methods

      6:42
    • 133. Investigating errors

      4:54
    • 134. Practical - Dice rolling simulator

      0:42
    • 135. Solutions

      6:02
    • 136. If elif else

      8:10
    • 137. Practical - Number guessing game

      0:44
    • 138. Solutions

      8:46
    • 139. Lists

      1:43
    • 140. Practical - Twister spinner

      1:41
    • 141. Solutions

      6:00
    • 142. A few list methods

      5:24
    • 143. List indexes

      5:20
    • 144. List slicing

      7:42
    • 145. Practical - list within a list, within a list

      1:55
    • 146. Solutions

      8:04
    • 147. For loops

      8:48
    • 148. Continue break

      6:04
    • 149. List comprehension

      9:02
    • 150. Tuples and sets

      4:18
    • 151. Dictionaries

      5:32
    • 152. Practical - Currency converter

      0:57
    • 153. Solutions

      13:48
    • 154. While loops

      2:18
    • 155. While loops in games

      6:28
    • 156. Practical - Number guessing game revisited

      1:22
    • 157. Solutions

      5:30
    • 158. Practical - Five lives

      0:45
    • 159. Solutions

      8:41
    • 160. Functions

      7:11
    • 161. Function parameters

      14:46
    • 162. Recursive functions

      4:38
    • 163. Practical - Tic tac toe

      1:19
    • 164. Solutions part 1

      14:01
    • 165. Solutions part 2

      21:11
    • 166. Solutions part 3

      14:00
    • 167. Requests

      18:01
    • 168. Practical - Real time currency conversion

      1:11
    • 169. Solutions

      9:25
    • 170. Practical - Live bitcoin values

      1:44
    • 171. Solutions

      16:38
    • 172. Reading and writing files

      4:49
    • 173. Create your own modules

      7:06
    • 174. OOP - Object oriented programming

      4:42
    • 175. Creating a class

      3:23
    • 176. Methods in a class

      7:30
    • 177. init

      12:23
    • 178. Objects - using attributes in a method

      5:44
    • 179. Changing variables in a class object

      10:04
    • 180. Practical - PayFriend, your own online bank

      0:44
    • 181. Solutions

      8:51
    • 182. Practical - Adventure journey

      2:59
    • 183. Solutions part 1

      33:43
    • 184. Solutions part 2

      17:51
    • 185. Functional programming

      2:04
    • 186. Lambda

      3:59
    • 187. Map

      9:51
    • 188. Filter

      5:44
    • 189. Generators

      5:07
    • 190. Introduction to Linux

      2:07
    • 191. Getting set up

      1:32
    • 192. Navigating - CD PWD LS

      9:09
    • 193. Make directory - Mkdir

      6:22
    • 194. Move file - Mv

      4:43
    • 195. Delete - Rm

      3:49
    • 196. Copy file - Cp

      1:38
    • 197. Tail

      1:04
    • 198. Vim

      6:17
    • 199. Python script

      2:54
    • 200. SSH - To keep in mind

      4:00
    • 201. Practical - Quick challenge

      2:47
    • 202. Solutions

      6:41
    • 203. Introduction to Django

      2:11
    • 204. Setting up django

      3:08
    • 205. Creating your first project

      4:11
    • 206. MVC - Model View Controller

      2:57
    • 207. URLs and views

      9:20
    • 208. Templates and settings

      7:28
    • 209. Practical - First django website

      0:22
    • 210. Solutions

      8:55
    • 211. Multi page site

      9:14
    • 212. Static files

      11:06
    • 213. Forms - input and output

      12:23
    • 214. Custom python scripts

      4:52
    • 215. Introduction to Git

      3:21
    • 216. Setting up Git

      0:51
    • 217. Setting up Github

      1:20
    • 218. Init

      1:01
    • 219. Add commit push

      9:30
    • 220. Pull

      4:54
    • 221. Practical - Upload website

      0:43
    • 222. Solutions

      3:34
    • 223. What is to come - DS, ML, DL, AI

      9:26
    • 224. Introduction to data science

      5:35
    • 225. Getting set up for data science - Part 1

      3:33
    • 226. Accessing our first data set

      3:17
    • 227. Loading our data - Pandas

      4:51
    • 228. Basic exploration of the Dataframe

      6:41
    • 229. Accessing columns

      2:36
    • 230. The four Cs of data cleaning

      3:03
    • 231. Drawing a graph

      4:03
    • 232. Plotting graphs - matplotlib

      6:36
    • 233. Practical - Creating graphs from data

      0:34
    • 234. Solutions

      8:05
    • 235. Practical - Linear regression

      0:45
    • 236. Line of best fit

      9:39
    • 237. Cost and loss - Mean Squared Error

      15:02
    • 238. Practical - Line of best fit and MSE

      0:54
    • 239. Solutions

      3:26
    • 240. Logistic regression

      4:00
    • 241. Overfitting

      9:08
    • 242. Code - Train and test

      8:48
    • 243. Google colab

      5:10
    • 244. Decision trees

      9:35
    • 245. Titanic data set - data science recap

      11:29
    • 246. Machine learning model

      7:01
    • 247. Making predictions with Kaggle

      5:20
    • 248. Django refresher - getting a basic site up

      5:46
    • 249. Django - Input and output

      10:04
    • 250. L290 DjangoRefresherUsingSeparatePython

      5:02
    • 251. L291 IntegratingMLModel

      10:59
    • 252. L292 AWSEC2

      7:40
    • 253. L293 LinuxSSH

      7:36
    • 254. L294 UsingMLModelsBetweenMachines

      7:47
    • 255. L295 TransferringFilesAWSGit

      7:22
    • 256. L296 YourWebOnlineRunserver

      14:28
    • 257. L297 Gunicorn

      7:15
    • 258. L298 Nginx

      9:01
    • 259. L299 PublicURL

      6:46
    • 260. L300 GitUpdatingFiles

      4:07
    • 261. L301 StylingOurWebsite

      14:45
    • 262. L305 RealworldAppAI

      10:24
    • 263. HDL270 LinearRegression

      12:18
    • 264. L267 IntroductionToMachineLearning

      5:03
    • 265. L272 P linearReg Solution

      8:13
    • 266. L290 IntegrationAndGoLiveProcess

      2:40
    • 267. L306 RecapLinearRegr

      17:48
    • 268. L307 ScalingLinearRegression

      9:07
    • 269. L308 IntroductionToDeepLearning

      3:11
    • 270. L308 MultipleInputs

      7:45
    • 271. L309 HiddenLayers

      6:18
    • 272. L310 OneFullPass

      14:11
    • 273. L311 BiasandVariance

      10:19
    • 274. L311 Hyperparameters

      10:20
    • 275. L312 SettingUpForNeuralNetwork

      5:53
    • 276. L313 P ApplyNeurToTitanic

      19:58
    • 277. L314 P OptimizingTitanic

      6:57
    • 278. L316 P NewPredsSaveModel

      12:08
    • 279. L317 DataShapes

      9:47
    • 280. L318 P HandwrittenDigits

      26:50
    • 281. L320 WhatAreCNNs

      6:39
    • 282. L321 Part1 filters

      17:40
    • 283. L322 Pooling

      4:30
    • 284. L323 part1 oneFullPass

      7:00
    • 285. L330 P ImageClassifier PrepareData

      23:30
    • 286. L331 P ImageClassifier Architecture

      9:09
    • 287. L332 P ImageClassifier PrepareToRun

      10:40
    • 288. L333 P ImageClassifier ImprovingAcc

      10:58
    • 289. L334 RunningPredictions

      7:57
    • 290. L335 RunningPredsOnNewImages

      3:19
    • 291. L336 P MultiClassImageClassifier

      7:56
15 students are watching this class

About This Class

Skills taught: HTML, CSS, JavaScript, Python, Django, Pandas, Sklearn, Keras, Git, Linux, AWS - Full stack web dev + data science + AI

This extensive course leads you through a complete range of software skills and languages, skilling you up to be an incredibly on-demand developer. The combination of being able to create full-stack websites AND machine learning and AI models is very rare. This exactly what you will be able to do by the end of this course.

I will give you straightforward examples, instructions, advice, insights and resources for you to take simple steps to start coding your own programs.