Roadmaps
pekan 2
- Sections
- intro to web dev
- browser basics
- text editor installation
- html basics
- css basics
- javascript basics
- https://careerfoundry.com/en/tutorials/web-development-for-beginners/introduction-to-web-development
- https://developer.mozilla.org/en-US/docs/Learn
- https://blog.hubspot.com/website/website-development
- https://www.geeksforgeeks.org/web-development/
- https://www.geeksforgeeks.org/how-to-use-a-web-browser/
- https://www.youtube.com/watch?v=wDrl_SeBX0Y
- https://www.pcworld.com/article/1511493/11-web-browser-tricks-for-power-users.html
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
- https://www.w3schools.com/js/default.asp
- 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=9He4UBLyk8Y&t=45s&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=B-s71n0dHUk&t=155s&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.freecodecamp.org/news/tag/html/
- 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=Dfj0B6aL7Hs&pp=ygURY3NzIGluIDEwIG1pbnV0ZXM%3D
- https://www.youtube.com/watch?v=LO5eTH4Pe8E&pp=ygUQanMgaW4gMTAgbWludXRlcw%3D%3D
pekan 4
- navigation, footer
- html css deep dive
- javascript basics
- navigation project demo
- footer navigation demo
- media query demo
- https://www.w3schools.com/css/css_rwd_mediaqueries.asp
- https://www.w3schools.com/howto/howto_css_fixed_footer.asp
- https://glints.com/id/lowongan/mobile-first-design-adalah/
- https://www.browserstack.com/guide/how-to-implement-mobile-first-design
- https://www.petanikode.com/tutorial/javascript/
- https://www.geeksforgeeks.org/navigation-bar-using-javascript/
- https://www.w3schools.com/css/css_rwd_mediaqueries.asp
- 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=o3m15BWi2HM&pp=ygUNaHRtbCBzZW1hbnRpYw%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=U8smiWQ8Seg&pp=ygUWaHRtbCBjc3MganMgbmF2aWdhdGlvbg%3D%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=YOb67OKw62s&pp=ygUaZm9vdGVyIHJlc3BvbnNpdmUgaHRtbCBjc3M%3D
- https://www.youtube.com/watch?v=s9wW2PpJsmQ&pp=ygUPamF2YXNjcmlwdCBsb29w
pekan 6
- Card
- css deep dive
- javascript
- loop
- functions
- scoope variabe
- git basics
- https://www.w3schools.com/css/css3_animations.asp
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations
- https://www.programiz.com/javascript/for-loop
- https://revou.co/panduan-teknis/javascript-for-loop
- https://git-scm.com/docs/gittutorial
- 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=k1-tpFDyUwo&pp=ygUdamF2YXNjcmlwdCBwYXJhbWV0ZXIgYXJndW1lbnQ%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=lTMZxWMjXQU&list=PLFIM0718LjIVknj6sgsSceMqlq242-jNf
- 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=hwP7WQkmECE&pp=ygULZ2l0IHByb2plY3Q%3D