Road map Belajar Frontend Developer

 

Hai buat kalian yang bingung belajar frontend developer aku udah buatin nih Road mapnya 

Silahkan.....

1.HTML 

·         Tag & atribut https://www.petanikode.com/html-tag-elemen-atribut/

·         Form & table https://belajarkodingyuk.blogspot.com/2015/03/cara-membuat-tabel-dan-form.html

·         Semantic Html https://www.petanikode.com/html-semantik/

·         Acsesibility https://www.w3schools.com/html/html_accessibility.asp

 

2.CSS

·         Selector https://www.petanikode.com/css-selektor/

·         Property https://gilacoding.com/read/properti-properti-yang-digunakan-pada-css

·         Specificity https://dosenit.com/css/specificity-di-css

 

3.CSS layouting

·         Display dan dimensi https://www.digitaladies.id/2019/08/dasar-dimensi-website-blog.html

·         Box model https://dosenit.com/css/box-model-di-css

·         Position https://www.malasngoding.com/belajar-css-mengenal-position-css/

·         Responsive Web Design https://www.dicoding.com/blog/dasar-tampilan-responsif-pada-website/

·         Css unit https://www.belajar-html-css-javascript.com/2021/04/css-unit.html

·         Flexbox https://www.codepolitan.com/belajar-css-flexbox-dalam-5-menit-5a5c5be5deba0

·         Grid System https://www.codepolitan.com/mudah-mengatur-layout-html-dengan-css-grid-5a24ad5811065

 

4.CSS3 https://www.malasngoding.com/tutorial-css3-part-1-pengertian-dan-pengenalan-css3/

·         Property css3 https://code.tutsplus.com/tutorials/10-css3-properties-you-need-to-be-familiar-with--net-16417

·         Transisi https://www.malasngoding.com/tutorial-css3-part/

·         Animasi https://www.malasngoding.com/tutorial-css3-part-7-membuat-efek-animasi-css3/

 

5.Frameworks

·         Bootstraps https://qwords.com/blog/apa-itu-bootstrap/

·         Materialize https://www.codepolitan.com/framework-css-materialize

 

6.Version Control System Git

·         Pengelolaan Source Code https://bengkelinux.wordpress.com/2012/09/27/belajar-scm-source-code-management-software-git-untuk-pribadi-1/

·         Pengelolaan Repository dengan Git https://om-fly.blogspot.com/2015/01/belajar-git-dasar-dasar-pengelolaan.html

·         Hosting Website menggunakan github Pages https://www.codepolitan.com/membuat-website-statis-gratis-dengan-memanfaatkan-github-pages

 

7.Dasar Pemrograman Javascript

·         Nilai dan tipe data https://www.petanikode.com/javascript-variabel/

·         Operator https://www.petanikode.com/javascript-operator/

·         Struktur kendali/percabangan https://www.petanikode.com/javascript-percabangan/

·         Fungsi https://www.petanikode.com/javascript-fungsi/

·         Array https://www.petanikode.com/javascript-array/

·         Object https://www.petanikode.com/javascript-objek/

 

8.Javascript DOM

·         https://www.petanikode.com/javascript-dom/

 

9.CSS preprosesor

·         https://medium.com/@mhdnauvalazhar/sebuah-intro-css-preprocessor-e8e3f4cdc11c

 

10.Modern Javascript https://www.bewoksatukosong.com/2019/07/belajar-javascript-fundamental-modern-es5-es6-2019.html

 

11.Api https://appkey.id/pembuatan-website/backend/web-api-tutorial/#Web_API

 

12.Package Manager

·         NPM https://www.hostinger.co.id/tutorial/apa-itu-npm

·         Yarn https://www.jetorbit.com/blog/apa-itu-yarn/

 

13.Framework Front end

·         React https://reactjs.org/tutorial/tutorial.html

·         Vue https://www.petanikode.com/vuejs-untuk-pemula/

·         Angular https://www.niagahoster.co.id/blog/belajar-angularjs/

·         Svelte https://sveltejs.id/belajar/