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
Thanks a lot for sharing our course, freeCodeCamp! ❤️
If anyone wants to check out the interactive version of the course, click here 👉 https://scrimba.com/learn/learnjavascript
We also share tutorials & career advice for newbie devs on our YouTube channel, so please follow us if you're interested in that 😎
i tried to do it in scrimba but i just change the name of id in increment part and it wont work i tried so many times i even copy the whole code and paste it works but when u change the id by just 3 LETTERS ITS STILL WONT WORK
finished in 6 days , pretty gooood course.
Please show these serious videos in other languages
HES NORWEGIAN
Dude, I love what you're doing. Keep it up!
Can Per or anyone here pleaseexplain how to get the Console panel that is on the right side of his screen which shows the results of the code? I'm using VS code but I don't know how to get that Console screen that he has. Do I need to use Scrimba? Please advise, I'm a total noob just starting to learn here. Thank you.
dude you can't see the code sometimes which is really fucking annoying… like at 3:04:02 i couldnt see it for like 1 minute
How the F**K do i even get to an IDE and start programming!
This is second time I did the course but in the people counter app i have a bug the increment button clicks but after first click it doesn't update on DOM also the decrement help
Nice video
Hey! Is this course for someone who doesn’t know basics of coding and know a little bit of html and css
great course keep going
can't see the syntax at @3:03:51
I love javascript
i love it
what program are u using to code??
After writing the code for the passenger counter, VSC said Reference Error: Document not defined and the increment button would not work. Completely loss. However It would have been nice to work on this tutorial. Nobody teaches from scratch. The books and boot camps always miss out vital parts and I can never recreate what I have learnt and the tutorials always only focus on a specific topic. And the same can be said after completing an entire course of JS programming or more like JS Cramming!
Don't get the truthy or falsey part
This tutor is great I am out of words to express him. He knows how to teach coding and there is only one important way thats practicing. Here he lets everyone to do problems right after we learn. Hats off you , you took our coding hearts.
i am learning c++ right now but html css js and jquery is there for us in this semester so i thought i would learn these with in a month already completed a html css course from freecode camp and this java script looks eay to code and understand and "heyyyy thank you scrimba and freecode camp'
Keep bringing videos in this structure where pupil could apply the knowledge right after learning. Muscle memory ❤️
The instructor is awesome, make more new projects videos by him.
best JS teacher without any dispute
Whelp i got thrown off completely. I dont know what program to use to get start and where is "Hello World" segment??
The tutorial so far is great it’s just this guy keeps going on and on about how JavaScript is AMAZING and it’s kind of pissing me off already. I want information. Not this man nutting to JavaScript every 30 seconds
I remember the days when i have no idea what is all this . I have no idea what is id, class, objects and all. I felt overwhelmed but after consistent learning and practices ,now i am able to create websites and make it interactive. Never felt more happier. To all those new beginners don't loose hope. Keep practicing it improves muscle memory. So, Don't give up.
YOU ARE AMAZING I feel like I'm a javascript expert after watching this whole video and that's only because you are an incredible teacher.
Wonderful tutorial