Skip to content
Navigation menu
Search
Search
Log in
Create account
CodeNewbie Community 🌱
Close
Coding Commitment Series' Articles
Back to Janet Webster's Series
Initial commit to CodeNewbie community - JS fundamentals [Keydown & Change Events]
Janet Webster
Janet Webster
Janet Webster
Follow
Mar 15 '23
Initial commit to CodeNewbie community - JS fundamentals [Keydown & Change Events]
#
webdev
#
javascript
#
motivation
#
fundamentals
2
reactions
Comments
5
comments
6 min read
Commit2 //JavaScript Fundamentals [Arrays & Loops]
Janet Webster
Janet Webster
Janet Webster
Follow
Mar 20 '23
Commit2 //JavaScript Fundamentals [Arrays & Loops]
#
webdev
#
javascript
#
motivation
#
fundamentals
2
reactions
Comments
3
comments
10 min read
Commit3 //JavaScript Fundamentals [Let & Const]
Janet Webster
Janet Webster
Janet Webster
Follow
Mar 24 '23
Commit3 //JavaScript Fundamentals [Let & Const]
#
javascript
#
fundamentals
#
webdev
#
motivation
1
reaction
Comments
8
comments
4 min read
Commit4 //JavaScript Fundamentals [Objects & Methods]
Janet Webster
Janet Webster
Janet Webster
Follow
Mar 29 '23
Commit4 //JavaScript Fundamentals [Objects & Methods]
#
fundamentals
#
javascript
#
webdev
#
motivation
2
reactions
Comments
3
comments
5 min read
Commit5 //JavaScript Fundamentals [Factory Functions]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 4 '23
Commit5 //JavaScript Fundamentals [Factory Functions]
1
reaction
Comments
Add Comment
4 min read
Commit6 //JavaScript Fundamentals [APIs]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 6 '23
Commit6 //JavaScript Fundamentals [APIs]
Comments
Add Comment
4 min read
Commit7 // Breakout Project! [The Pong Game]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 7 '23
Commit7 // Breakout Project! [The Pong Game]
#
webdev
#
javascript
#
opensource
#
fundamentals
1
reaction
Comments
Add Comment
3 min read
Commit8 //JavaScript Fundamentals [Guess the Word Game]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 12 '23
Commit8 //JavaScript Fundamentals [Guess the Word Game]
1
reaction
Comments
Add Comment
5 min read
Commit9 //JavaScript Fundamentals [GitHub Repo Gallery]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 14 '23
Commit9 //JavaScript Fundamentals [GitHub Repo Gallery]
Comments
Add Comment
4 min read
Commit10 //#JavaScript30 - Day 1 [+who/what is twixmixy?]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 17 '23
Commit10 //#JavaScript30 - Day 1 [+who/what is twixmixy?]
#
javascript
#
webdev
#
fundamentals
#
shecoded
1
reaction
Comments
Add Comment
6 min read
Commit11 //#JavaScript30 - Day 2 [JS Clock]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 18 '23
Commit11 //#JavaScript30 - Day 2 [JS Clock]
#
javascript
#
webdev
#
fundamentals
#
shecoded
Comments
Add Comment
3 min read
Commit12 //JavaScript React [Introduction]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 18 '23
Commit12 //JavaScript React [Introduction]
#
webdev
#
react
#
javascript
#
shecoded
Comments
Add Comment
2 min read
Commit13 //#JavaScript30 - Day 3 [CSS Variables w/JS]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 19 '23
Commit13 //#JavaScript30 - Day 3 [CSS Variables w/JS]
1
reaction
Comments
Add Comment
3 min read
Commit14 //JavaScript React [How Does React Work?]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 19 '23
Commit14 //JavaScript React [How Does React Work?]
#
webdev
#
react
#
javascript
#
shecoded
1
reaction
Comments
Add Comment
2 min read
Commit15 //JavaScript React [Writing React Code]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 20 '23
Commit15 //JavaScript React [Writing React Code]
#
webdev
#
react
#
javascript
#
shecoded
2
reactions
Comments
Add Comment
3 min read
Commit16 //#JavaScript30 - Day 4 [Array Cardio Day 1]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 21 '23
Commit16 //#JavaScript30 - Day 4 [Array Cardio Day 1]
#
webdev
#
react
#
javascript
#
shecoded
Comments
Add Comment
6 min read
Commit17 //JavaScript React [Organize Your React Code]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 24 '23
Commit17 //JavaScript React [Organize Your React Code]
#
react
#
webdev
#
javascript
#
shecoded
1
reaction
Comments
Add Comment
4 min read
Commit18 //#JavaScript30 - Day 5 [Flex Panels Image Gallery]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 24 '23
Commit18 //#JavaScript30 - Day 5 [Flex Panels Image Gallery]
#
webdev
#
javascript
#
fundamentals
#
shecoded
1
reaction
Comments
Add Comment
5 min read
Commit19 //#JavaScript30 - Day 6 [Type Ahead API]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 25 '23
Commit19 //#JavaScript30 - Day 6 [Type Ahead API]
#
webdev
#
javascript
#
fundamentals
#
shecoded
1
reaction
Comments
Add Comment
5 min read
Commit20 //#JavaScript30 - Day 7 [Array Cardio Day 2]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 26 '23
Commit20 //#JavaScript30 - Day 7 [Array Cardio Day 2]
#
webdev
#
javascript
#
fundamentals
#
shecoded
1
reaction
Comments
5
comments
4 min read
Commit21 //#JavaScript30 - Day 8 [HTML5 Canvas]
Janet Webster
Janet Webster
Janet Webster
Follow
Apr 27 '23
Commit21 //#JavaScript30 - Day 8 [HTML5 Canvas]
#
webdev
#
javascript
#
fundamentals
#
shecoded
1
reaction
Comments
Add Comment
6 min read
Log in
Create account
![Cover image for Commit2 //JavaScript Fundamentals [Arrays & Loops]](https://community.codenewbie.org/images/9JMlQHjW8As6AokIDMObMrM7vFwqkHN2dedV-VRXw74/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvNTh4Y3FiZnZx/bG9yNWp4ZTZsZngu/anBn)
![Cover image for Commit3 //JavaScript Fundamentals [Let & Const]](https://community.codenewbie.org/images/ac1oVQRB4TH6m1IzLIxh5JC9LbvjT6fxXftrZYWrSXk/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvbHFqNmVhbHRy/cWd4Y3c3eDRkZ3Qu/anBn)
![Cover image for Commit4 //JavaScript Fundamentals [Objects & Methods]](https://community.codenewbie.org/images/AWUQlQIbDMeERuDnLfB7Z96ss4P5cQuCqyhJogJ7yOw/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvdW0yZ2lma2M3/ajV1YnlhM2pjb2Eu/anBn)
![Cover image for Commit5 //JavaScript Fundamentals [Factory Functions]](https://community.codenewbie.org/images/ewRBRsdck4lQBrCPvtS51xYMEEss_NaG8RzcVo_ImtY/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvZGwwMjRtZHhv/bzRiOG5ic3V4aDgu/anBn)
![Cover image for Commit6 //JavaScript Fundamentals [APIs]](https://community.codenewbie.org/images/egHpnGH9rQALjXdsQIgtLZCmwlHmgec4hMtpw9qHA-s/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvMXVkbzY4OTl1/NXVheWR0dzM0bGou/anBn)
![Cover image for Commit7 // Breakout Project! [The Pong Game]](https://community.codenewbie.org/images/_I8bRcLtE_GgE23J0OwvdA-ar-WT_EHZjzsgQzRwJMA/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvbjhvdjZxMzE5/ZHR3Z3RmOWM2OTcu/cG5n)
![Cover image for Commit8 //JavaScript Fundamentals [Guess the Word Game]](https://community.codenewbie.org/images/Uix5jmZclnHJZmvS_F2WYWXB-up93JDgNk1b0FhuTx0/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvaGU2dHM2MWRx/OXEycTk4YXUzNXAu/anBn)
![Cover image for Commit9 //JavaScript Fundamentals [GitHub Repo Gallery]](https://community.codenewbie.org/images/l2QGm5bzOPi7miazmUNcbTBK57-jGGh7sLHh2ibN6lc/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvZjB3bWx5Ym4y/MGJnYjk2M2lrOXgu/cG5n)
![Cover image for Commit10 //#JavaScript30 - Day 1 [+who/what is twixmixy?]](https://community.codenewbie.org/images/zJEXVC6twNHA6SYGIRXm-oleFMQMbIcG0AWYFFk_Dns/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvOXU0Z3o4ZWJo/OTk3aDlhN3Z4Z2Iu/cG5n)
![Cover image for Commit11 //#JavaScript30 - Day 2 [JS Clock]](https://community.codenewbie.org/images/rN_1iCsuYWZyrm1MH7ElbN7vTHiJ78noMy-kdlFGFI0/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvbGlrbTRjZTA5/bjRuc2xhMmV5cDMu/anBn)
![Cover image for Commit13 //#JavaScript30 - Day 3 [CSS Variables w/JS]](https://community.codenewbie.org/images/frGveF70GTKUmBcWSuRKxPGjxz9iUwh47Lqylm4bDrc/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvdmh6ZDliczd2/OWE4em83dGRlYmgu/anBn)
![Cover image for Commit14 //JavaScript React [How Does React Work?]](https://community.codenewbie.org/images/Y96Gf2dIbig_9FDEkGwjxdF9fiiqRhUSplft1_G-mCs/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvdXFsMjBpb3Zw/dHMwanNjczFuNDIu/anBn)
![Cover image for Commit15 //JavaScript React [Writing React Code]](https://community.codenewbie.org/images/qi79_xo5KXmfeQiuduxOyuSx9CM86afe5bwf3flK1Rg/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvYmh3aTAzdm13/OWI0eDFzcmhsenAu/anBn)
![Cover image for Commit16 //#JavaScript30 - Day 4 [Array Cardio Day 1]](https://community.codenewbie.org/images/VgZiGvOaGjZqhggQnQw1xlzHjA9FmWxkIpAKckGYnJQ/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvOTZicWk1NXdz/aGJ2cXNnb3Fwbmgu/anBn)
![Cover image for Commit17 //JavaScript React [Organize Your React Code]](https://community.codenewbie.org/images/Pbs1wo7o9LzDfriEnAxPRrARzPHQm4fLbjfwoaw1yCU/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMveHVkYXFzeGU3/OWx6Mmx1dWswMXEu/anBn)
![Cover image for Commit18 //#JavaScript30 - Day 5 [Flex Panels Image Gallery]](https://community.codenewbie.org/images/DxFmp_ukSnUfg8bqGW2gq1yiEQOkF5EDgt0WOTbcxf4/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvdms0M3lrcGdr/bjlkODVwdzgwd3gu/anBn)
![Cover image for Commit19 //#JavaScript30 - Day 6 [Type Ahead API]](https://community.codenewbie.org/images/5eOHce4zrDnXug2fnHE0aDNTEv_4qOQ_h4RtaQOaS74/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvZ3kzODJqdm1n/bm40dDJva2ZnbXgu/anBn)
![Cover image for Commit20 //#JavaScript30 - Day 7 [Array Cardio Day 2]](https://community.codenewbie.org/images/9aDTTByeCz2vvcWLJcoMSVxI1oTlVFA9viCzN74-KWs/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvZGJpbTg3bWgw/NWt4aDRmZ2V6d28u/anBn)
![Cover image for Commit21 //#JavaScript30 - Day 8 [HTML5 Canvas]](https://community.codenewbie.org/images/ZsPZ-S8R1JydFEF0zE1w8XbyhqY2SkmtymI4WcoYaLY/rs:fill:1000:420/g:sm/mb:500000/ar:1/aHR0cHM6Ly9jb21t/dW5pdHkuY29kZW5l/d2JpZS5vcmcvcmVt/b3RlaW1hZ2VzL3Vw/bG9hZHMvYXJ0aWNs/ZXMvYXh6MW0zY3Bv/cXJlMHduZGI5NmEu/anBn)
