> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qodr.id/llms.txt
> Use this file to discover all available pages before exploring further.

# 6 pekan

> Penjabaran tentang jurusan dan alur belajar javascript path

# Roadmaps

### pekan 2

* Sections

list :

* intro to web dev
* browser basics
* text editor installation
* html basics
* css basics
* javascript basics

link:

* [https://careerfoundry.com/en/tutorials/web-development-for-beginners/introduction-to-web-development](https://careerfoundry.com/en/tutorials/web-development-for-beginners/introduction-to-web-development)
* [https://developer.mozilla.org/en-US/docs/Learn](https://developer.mozilla.org/en-US/docs/Learn)
* [https://blog.hubspot.com/website/website-development](https://blog.hubspot.com/website/website-development)
* [https://www.geeksforgeeks.org/web-development/](https://www.geeksforgeeks.org/web-development/)
* [https://www.geeksforgeeks.org/how-to-use-a-web-browser/](https://www.geeksforgeeks.org/how-to-use-a-web-browser/)
* [https://www.youtube.com/watch?v=wDrl\_SeBX0Y](https://www.youtube.com/watch?v=wDrl_SeBX0Y)
* [https://www.pcworld.com/article/1511493/11-web-browser-tricks-for-power-users.html](https://www.pcworld.com/article/1511493/11-web-browser-tricks-for-power-users.html)
* [https://www.w3schools.com/html/](https://www.w3schools.com/html/)
* [https://www.w3schools.com/css/](https://www.w3schools.com/css/)
* [https://www.w3schools.com/js/default.asp](https://www.w3schools.com/js/default.asp)
* [https://www.youtube.com/watch?v=erEgovG9WBs\&pp=ygUYaW50cm8gdG8gd2ViIGRldmVsb3BtZW50](https://www.youtube.com/watch?v=erEgovG9WBs\&pp=ygUYaW50cm8gdG8gd2ViIGRldmVsb3BtZW50)
* [https://www.youtube.com/watch?v=GxmfcnU3feo\&pp=ygUXd2ViIGRldmVsb3BtZW50IHJvYWRtYXA%3D](https://www.youtube.com/watch?v=GxmfcnU3feo\&pp=ygUXd2ViIGRldmVsb3BtZW50IHJvYWRtYXA%3D)
* [https://www.youtube.com/watch?v=9He4UBLyk8Y\&t=45s\&pp=ygUXd2ViIGRldmVsb3BtZW50IHJvYWRtYXA%3D](https://www.youtube.com/watch?v=9He4UBLyk8Y\&t=45s\&pp=ygUXd2ViIGRldmVsb3BtZW50IHJvYWRtYXA%3D)
* [https://www.youtube.com/watch?v=OEhw6GqQDts\&pp=ygUXd2ViIGRldmVsb3BtZW50IHJvYWRtYXA%3D](https://www.youtube.com/watch?v=OEhw6GqQDts\&pp=ygUXd2ViIGRldmVsb3BtZW50IHJvYWRtYXA%3D)
* [https://www.youtube.com/watch?v=7DHjtQgOnSs\&t=595s\&pp=ugMICgJpZBABGAHKBQ9jaHJvbWUgdHV0b3JpYWw%3D](https://www.youtube.com/watch?v=7DHjtQgOnSs\&t=595s\&pp=ugMICgJpZBABGAHKBQ9jaHJvbWUgdHV0b3JpYWw%3D)
* [https://www.youtube.com/watch?v=B-s71n0dHUk\&t=155s\&pp=ygUPdnNjb2RlIHR1dG9yaWFs](https://www.youtube.com/watch?v=B-s71n0dHUk\&t=155s\&pp=ygUPdnNjb2RlIHR1dG9yaWFs)
* [https://www.youtube.com/watch?v=tJtrDZ4ZieA\&t=230s\&pp=ygUPdnNjb2RlIHR1dG9yaWFs](https://www.youtube.com/watch?v=tJtrDZ4ZieA\&t=230s\&pp=ygUPdnNjb2RlIHR1dG9yaWFs)
* [https://www.youtube.com/watch?v=RZ4p-saaQkc\&pp=ygUMdmltIHR1dG9yaWFs](https://www.youtube.com/watch?v=RZ4p-saaQkc\&pp=ygUMdmltIHR1dG9yaWFs)
* [https://www.freecodecamp.org/news/tag/html/](https://www.freecodecamp.org/news/tag/html/)
* [https://www.freecodecamp.org/learn/2022/responsive-web-design/](https://www.freecodecamp.org/learn/2022/responsive-web-design/)
* [https://www.youtube.com/watch?v=MDLn5-zSQQI\&pp=ygUSaHRtbCBpbiAxMCBtaW51dGVz](https://www.youtube.com/watch?v=MDLn5-zSQQI\&pp=ygUSaHRtbCBpbiAxMCBtaW51dGVz)
* [https://www.youtube.com/watch?v=Dfj0B6aL7Hs\&pp=ygURY3NzIGluIDEwIG1pbnV0ZXM%3D](https://www.youtube.com/watch?v=Dfj0B6aL7Hs\&pp=ygURY3NzIGluIDEwIG1pbnV0ZXM%3D)
* [https://www.youtube.com/watch?v=LO5eTH4Pe8E\&pp=ygUQanMgaW4gMTAgbWludXRlcw%3D%3D](https://www.youtube.com/watch?v=LO5eTH4Pe8E\&pp=ygUQanMgaW4gMTAgbWludXRlcw%3D%3D)

***

### pekan 4

* navigation, footer

list :

* html css deep dive
* javascript basics
* navigation project demo
* footer navigation demo
* media query demo

link:

* [https://www.w3schools.com/css/css\_rwd\_mediaqueries.asp](https://www.w3schools.com/css/css_rwd_mediaqueries.asp)
* [https://www.w3schools.com/howto/howto\_css\_fixed\_footer.asp](https://www.w3schools.com/howto/howto_css_fixed_footer.asp)
* [https://glints.com/id/lowongan/mobile-first-design-adalah/](https://glints.com/id/lowongan/mobile-first-design-adalah/)
* [https://www.browserstack.com/guide/how-to-implement-mobile-first-design](https://www.browserstack.com/guide/how-to-implement-mobile-first-design)
* [https://www.petanikode.com/tutorial/javascript/](https://www.petanikode.com/tutorial/javascript/)
* [https://www.geeksforgeeks.org/navigation-bar-using-javascript/](https://www.geeksforgeeks.org/navigation-bar-using-javascript/)
* [https://www.w3schools.com/css/css\_rwd\_mediaqueries.asp](https://www.w3schools.com/css/css_rwd_mediaqueries.asp)
* [https://www.youtube.com/watch?v=2-5LpaN2LF8](https://www.youtube.com/watch?v=2-5LpaN2LF8)
* [https://www.youtube.com/watch?v=bOUhq46fd5g\&pp=ygUNaHRtbCBzZW1hbnRpYw%3D%3D](https://www.youtube.com/watch?v=bOUhq46fd5g\&pp=ygUNaHRtbCBzZW1hbnRpYw%3D%3D)
* [https://www.youtube.com/watch?v=o3m15BWi2HM\&pp=ygUNaHRtbCBzZW1hbnRpYw%3D%3D](https://www.youtube.com/watch?v=o3m15BWi2HM\&pp=ygUNaHRtbCBzZW1hbnRpYw%3D%3D)
* [https://www.youtube.com/watch?v=FOD408a0EzU\&pp=ygUTZnVuY3Rpb24gamF2YXNjcmlwdA%3D%3D](https://www.youtube.com/watch?v=FOD408a0EzU\&pp=ygUTZnVuY3Rpb24gamF2YXNjcmlwdA%3D%3D)
* [https://www.youtube.com/watch?v=6-UqHXBtYkg\&pp=ygUTZnVuY3Rpb24gamF2YXNjcmlwdA%3D%3D](https://www.youtube.com/watch?v=6-UqHXBtYkg\&pp=ygUTZnVuY3Rpb24gamF2YXNjcmlwdA%3D%3D)
* [https://www.youtube.com/watch?v=U8smiWQ8Seg\&pp=ygUWaHRtbCBjc3MganMgbmF2aWdhdGlvbg%3D%3D](https://www.youtube.com/watch?v=U8smiWQ8Seg\&pp=ygUWaHRtbCBjc3MganMgbmF2aWdhdGlvbg%3D%3D)
* [https://www.youtube.com/watch?v=yU7jJ3NbPdA\&pp=ygURY3NzIG1lZGlhIHF1ZXJpZXM%3D](https://www.youtube.com/watch?v=yU7jJ3NbPdA\&pp=ygURY3NzIG1lZGlhIHF1ZXJpZXM%3D)
* [https://www.youtube.com/watch?v=2KL-z9A56SQ\&pp=ygURY3NzIG1lZGlhIHF1ZXJpZXM%3D](https://www.youtube.com/watch?v=2KL-z9A56SQ\&pp=ygURY3NzIG1lZGlhIHF1ZXJpZXM%3D)
* [https://www.youtube.com/watch?v=YOb67OKw62s\&pp=ygUaZm9vdGVyIHJlc3BvbnNpdmUgaHRtbCBjc3M%3D](https://www.youtube.com/watch?v=YOb67OKw62s\&pp=ygUaZm9vdGVyIHJlc3BvbnNpdmUgaHRtbCBjc3M%3D)
* [https://www.youtube.com/watch?v=s9wW2PpJsmQ\&pp=ygUPamF2YXNjcmlwdCBsb29w](https://www.youtube.com/watch?v=s9wW2PpJsmQ\&pp=ygUPamF2YXNjcmlwdCBsb29w)

***

### pekan 6

* Card

list :

* css deep dive
* javascript
  * loop
  * functions
  * scoope variabe
* git basics

link:

* [https://www.w3schools.com/css/css3\_animations.asp](https://www.w3schools.com/css/css3_animations.asp)
* [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS\_animations/Using\_CSS\_animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations)
* [https://www.programiz.com/javascript/for-loop](https://www.programiz.com/javascript/for-loop)
* [https://revou.co/panduan-teknis/javascript-for-loop](https://revou.co/panduan-teknis/javascript-for-loop)
* [https://git-scm.com/docs/gittutorial](https://git-scm.com/docs/gittutorial)
* [https://www.freecodecamp.org/news/learn-the-basics-of-git-in-under-10-minutes-da548267cc91/](https://www.freecodecamp.org/news/learn-the-basics-of-git-in-under-10-minutes-da548267cc91/)
* [https://www.youtube.com/watch?v=HBMPPAbwmTU\&pp=ygUdamF2YXNjcmlwdCBwYXJhbWV0ZXIgYXJndW1lbnQ%3D](https://www.youtube.com/watch?v=HBMPPAbwmTU\&pp=ygUdamF2YXNjcmlwdCBwYXJhbWV0ZXIgYXJndW1lbnQ%3D)
* [https://www.youtube.com/watch?v=k1-tpFDyUwo\&pp=ygUdamF2YXNjcmlwdCBwYXJhbWV0ZXIgYXJndW1lbnQ%3D](https://www.youtube.com/watch?v=k1-tpFDyUwo\&pp=ygUdamF2YXNjcmlwdCBwYXJhbWV0ZXIgYXJndW1lbnQ%3D)
* [https://www.youtube.com/watch?v=3NZ5dNPZ\_yA\&pp=ygUacmV0dXJuIGZ1bmN0aW9uIGphdmFzY3JpcHQ%3D](https://www.youtube.com/watch?v=3NZ5dNPZ_yA\&pp=ygUacmV0dXJuIGZ1bmN0aW9uIGphdmFzY3JpcHQ%3D)
* [https://www.youtube.com/watch?v=j1laALb8OVM\&pp=ygUbamF2YXNjcmlwdCBmdW5jdGlvbiBwcm9qZWN0](https://www.youtube.com/watch?v=j1laALb8OVM\&pp=ygUbamF2YXNjcmlwdCBmdW5jdGlvbiBwcm9qZWN0)
* [https://www.youtube.com/watch?v=lTMZxWMjXQU\&list=PLFIM0718LjIVknj6sgsSceMqlq242-jNf](https://www.youtube.com/watch?v=lTMZxWMjXQU\&list=PLFIM0718LjIVknj6sgsSceMqlq242-jNf)
* [https://www.youtube.com/watch?v=SWYqp7iY\_Tc\&pp=ygUQZ2l0IGNyYXNoIGNvdXJzZQ%3D%3D](https://www.youtube.com/watch?v=SWYqp7iY_Tc\&pp=ygUQZ2l0IGNyYXNoIGNvdXJzZQ%3D%3D)
* [https://www.youtube.com/watch?v=ulQA5tjJark\&pp=ygUQZ2l0IGNyYXNoIGNvdXJzZQ%3D%3D](https://www.youtube.com/watch?v=ulQA5tjJark\&pp=ygUQZ2l0IGNyYXNoIGNvdXJzZQ%3D%3D)
* [https://www.youtube.com/watch?v=ulQA5tjJark\&pp=ygUQZ2l0IGNyYXNoIGNvdXJzZQ%3D%3D](https://www.youtube.com/watch?v=ulQA5tjJark\&pp=ygUQZ2l0IGNyYXNoIGNvdXJzZQ%3D%3D)
* [https://www.youtube.com/watch?v=hwP7WQkmECE\&pp=ygULZ2l0IHByb2plY3Q%3D](https://www.youtube.com/watch?v=hwP7WQkmECE\&pp=ygULZ2l0IHByb2plY3Q%3D)

***