JavaScript Programming – Full Course

Study JavaScript from scratch by fixing over 100 completely different coding challenges. Go right here for the interactive browser model: https://scrimba.com/study/learnjavascript

⭐️ Code ⭐️
Two variations:
🔗 Interactive model: https://scrimba.com/study/learnjavascript
🔗 GitHub repo: https://github.com/scrimba/learn-javascript

✏️ Created by Per Harald Borgen. Per on Twitter: https://twitter.com/perborgen

00:00 Intro
03:41 Passenger counter app
04:39 Organising file
07:42 Create variable
12:27 Mathematical operations
16:16 Reassigning & incrementing
19:23 Including button
21:41 onclick occasion listener
25:10 Utilizing features to put in writing much less code
28:48 First perform
29:34 Operate that logs sum
32:25 Operate that increments
34:23 Increment on clicks
36:35 Show rely
41:53 Doc Object Mannequin
43:47 Show rely w/ innerText
44:30 Create save button
46:40 What’s string?
48:16 First string variable
52:00 Log greeting to console
53:18 Strings vs. Numbers
56:07 Render welcome message
58:10 Enhance message w/ string concatenation
1:00:28 Use plus equal for rely
1:00:57 Create save function
1:05:38 Debugging on-line
1:09:31 Set rely to 0
1:12:28 Recap
1:15:47 Variables observe
1:17:42 Concatenate strings
1:18:43 Incrementing & decrementing
1:20:56 Strings & numbers
1:22:35 Rendering error message
1:25:52 Calculator problem
​
Construct Blackjack Sport
1:31:27 Construct Blackjack recreation
1:32:27 Add firstCard, secondCard, & sum
1:33:23 If…else conditionals
1:39:08 if…else assertion
1:42:05 if/else…if/else assertion
1:45:28 if…else assertion for our recreation
1:47:32 hasBlackJack variable
1:49:38 isAlive variable
1:51:27 Observe boolean circumstances
1:54:55 Add message variable
1:58:20 Hyperlink stylesheet
2:00:56 Add primary styling
2:05:19 Make begin button work
2:11:13 Show message
2:13:48 Show sum
2:19:36 Show playing cards
2:21:34 New card button
2:25:16 Add to sum when newCard is clicked
2:28:36 Rename startGame perform
2:30:52 Fixing our playing cards drawback w/ array
2:34:12 Arrays intro
2:39:30 Array indexes
2:43:50 Arrays w/ a number of knowledge sorts
2:46:12 Including & eradicating objects from arrays
2:50:35 Creating playing cards array
2:51:43 Push new card to array
2:53:05 Counting
2:57:10 Loops
3:00:37 For loops & arrays
3:04:23 First array-based for loop
3:05:55 For loops, arrays, & DOM
3:08:55 Use loop to render playing cards
3:11:16 Keep away from hard-coding values
3:12:51 Returning values
3:17:54 Use perform to set card values
3:21:05 Producing random numbers w/ Math.random()
3:25:24 Math.random() * 6
3:27:11 Flooring quantity w/ Math.ground()
3:28:40 Create cube
3:30:23 Finishing cube perform
3:33:04 Make getRandomCard() work
3:36:00 getRandomNumber perform
3:39:06 Assign values in startGame perform
3:41:52 Card function is damaged
3:42:54 Logical AND operator
3:46:39 Logical operators
3:48:47 logical OR operator
3:51:52 Solely set off newCard() in the event you’re allowed to
3:53:23 Object sneak peek
3:58:02 Objects
4:02:47 Create first object
4:06:08 Retailer participant knowledge
4:08:48 Strategies on object
4:10:50 Recap
4:15:17 Objects & features
4:17:21 if else
4:20:13 Loops & arrays
4:22:21 push, pop, unshift, shift problem
4:25:50 Logical operators
4:27:50 Rock papers scissors
4:30:52 Sorting fruits

Construct Chrome Extension
4:33:54 Construct Chrome Extension
4:38:30 Add button & enter tag
4:40:06 Type button & enter tag
4:47:28 Make enter button work w/ onclick
4:48:49 Refactor to addEventListener
4:51:11 addEventListener()
4:52:58 Refactoring
4:54:25 Create myLeads array & inputEl
4:56:49 Utilizing let & const
5:00:11 Push to myLeads array
5:01:24 Push worth from enter subject
5:03:56 Use for loop to sign off leads
5:05:38 Create unordered checklist
5:07:39 Render leads in unordered checklist
5:11:22 How one can render li parts w/ innerHTML
5:13:01 innerHTML
5:14:34 Extra innerHTML observe
5:16:26 Render li parts w/ innerHTML
5:17:37 Use createElement() & append() as an alternative of innerHTML
5:21:16 Enhancing efficiency of our app
5:24:37 Create render perform
5:26:40 Clear enter subject
5:28:47 Add a tag
5:35:53 Template strings
5:35:54 Write template string
5:36:28 Make template string extra dynamic
5:37:12 Template strings on a number of traces
5:41:03 Refactor app to make use of template string
5:42:19 Type checklist
5:46:13 Making ready deployment
5:51:08 Deploying Chrome Extension
5:53:40 What’s localStorage?
5:56:45 First localStorage
6:00:38 Storing arrays in localStorage
6:07:05 Save leads
6:09:36 Get leads
6:13:31 Truthy & falsy values
6:21:28 Guess expression: truthy or falsy?
6:23:52 Checking localStorage earlier than rendering
6:27:33 Type delete button
6:30:52 Make delete button work
6:35:12 How perform parameters can enhance our code
6:41:09 Write perform parameter
6:44:40 Capabilities w/ a number of params
6:47:54 Numbers as perform params
6:49:40 Arguments vs Params
6:53:06 Arrays as params
6:55:02 Refactor renderLeads() to make use of parameter
6:56:46 Create tabBtn
7:00:07 Save tab url
7:02:46 Get present tab
7:07:09 Use Chrome API to get tab
7:13:32 Deploy closing model
7:15:48 Recap
7:21:34 Observe
7:41:55 Outro

source