πŸ”₯ Promo Unlimited Hosting Niagahoster : diskon up to 75% + gratis domain + SSL πŸ”₯
πŸ‘πŸΌ Gunakan kode kupon WPUNPAS untuk tambahan diskon 10%
πŸ‘‰πŸΌ Klik https://bit.ly/3FOgW6i

β–¬β–¬β–¬β–¬ Chapters β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬β–¬
00:00 – Intro


Jalur Belajar by Sandhika Galih
https://bit.ly/JalurBelajarWebWPU


Link Penting
https://roadmap.sh/


πŸ”₯ SUPPORT CHANNEL WEBPROGRAMMINGUNPAS πŸ”₯

πŸ‘Ύ Gabung Server Discord WPU πŸ‘Ύ
https://discord.gg/S4rrXQU

πŸ‘• Beli T-Shirt & Hoodie TitikKoma πŸ‘•
https://shopee.co.id/wpustore.id

– Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih
https://karyakarsa.com/sandhikagalih


πŸ“’ FOLLOW SOCIAL MEDIA πŸ“’
https://www.instagram.com/sandhikagalih
– tiktok.com/@sandhika.galih
https://twitter.com/sandhikagalih
https://github.com/sandhikagalih


UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/

terimakasih dan #janganlupatitikkoma!

@sandhikagalih

source

44 Comments

  1. Hal yang harus dipelajari
    HTML

    β€Œ1.Basic HTML
    β€Œ2.Semantic Elements
    β€Œ3.Form Validation
    β€Œ4.SVG & Canvas
    β€Œ5.Information Architecture
    β€Œ6.Accessibility
    β€Œ7.SEO

    CSS
    β€Œ1.Basic CSS
    β€Œ2.CSS Layouting
    β€Œ3.Filter, Transition & Animation
    β€Œ4.Responsive Design
    β€Œ5.Modern CSS
    β€Œ6.CSS Architecture

    JAVASCRIPT
    β€Œ1.Basic Concepts
    β€Œ2.DOM (Document Object Model)
    β€Œ3.ES6 + Modular Javascript
    β€Œ4.Asynchronous Javascript
    β€Œ5.Fetch API

    ~~~ Diatas Adalah hal yang WAJIB Dipelajari!! ~~~
    ~~~ Lanjut Ke Bawah ~~~

    Version Control System
    1.GIT
    2.GITHUB
    3.GITLAB

    CSS Pre-processor
    ~~~ Pilih Salah Satu ~~~
    1.SASS
    2.LESS
    3.STYLUS

    CSS Framework
    ~~~ Pilih Salah Satu ~~~
    1.Boostrap
    2.Tailwind CSS
    3.Bulma
    4.Chakra UI
    5.Materialize CSS

    ~~~ Lanjut Ke Bawah ~~~

    Web Components
    1.Custom Elements
    2.Shadow DOM
    3.HTML Template

    NODE JS
    Belajar Node JS penting agar kita bisa menjalankan Javascript diluar browser

    Build Tools & Task Runner
    ~~~ Pilih Salah Satu ~~~
    1.Grunt JS
    2.Gulp JS
    3.Web Pack JS
    4.Vite JS

    Frontend Framework / Library
    ~~~ Pilih Salah Satu ~~~
    1.React JS
    2.Vue JS
    3.Angular JS
    4.Svelte JS
    5.Remix

    State Management
    ~~~ Pilih Salah Satu ~~~
    1.Reduce (React JS)
    2.Vuex (Vue JS)
    3.RxJS (Angular JS)

    Application Programming Interface (API)
    ialah teknologi supaya aplikasi di bagian frontend bisa terhubung dengan aplikasi backend dengan mudah
    Bisa dengan mempelajari REST API

    Website Deployment
    1.GITHUB
    2.Vercel
    3.Netlify

    Testing Tools
    1.Jest JS
    2.Mocha JS
    3.Jasmine JS
    4.Selenium

    ~~~ Intinya Perbanyak Project untuk portfolio ~~~
    ~~~ Lanjut Ke Bawah ~~~

    Static Site Generators
    1.NEXT JS
    2.NUXT JS
    3.Gatsby

    Progressive Web Apps
    1.Web Storage
    2.Web Socket
    3.Service Worker
    Dan masih banyak lagii!

    ~ Ingat Menjadi Frontend developer it's not easy & fun ~
    ~ But it's worth it ~
    Maaf kalo ada salah ketik hanya ingin membantu wkwkwk

  2. Ilmu yg sgt bermanfaat, beruntung sy nemu channel ini dan pak Dhika baik bgt, rendah hati, sy berharap bisa seperti pak Dhika. Sepertinya perjalanan panjang sy utk belajar pemrograman segera dimulai. Terimakasih pak Dhika atas jerih lelahnya membimbing kami. Tuhan pasti balas semua kebaikkan Bapak. πŸ™

  3. saya baru kuliah semester 3 tapi dlm tahap blajar frontend sudh dipelajarin semuanya, saya juga sudh membuat beberapa portofolio.rasanya pgn berhenti kuliah lgsung kerja tapi ga dibolehin ortu

  4. Mantabb, ilmu programming sangat luas, apalagi seiring perkembangan jaman, teknologi bakal berkembang, itu berarti semakin banyak ilmu ilmu baru yg muncul dan harus dipelajari, berhentinya kapan? Ya kalau ajal sdh menjemput.

  5. Selamat malam semuanya. Sebelumnya, terima kasih pak, atas kontennya. Nah, gini kan enak, jadi orang awam tahu alur belajarnya, termasuk saya, hehehehe. Maksudnya gak bingung, mau mulai belajar dari materi mana dulu. Semoga sehat selalu, panjang umur dan murah hati pak.

  6. Terimakasih pak, saya baru memutuskan untuk mempelajari front end web development ini, yang sebelumnya ga punya basic apa apa, paling cuman desain grafis yg secara sebelumnya juga udah pernah ngerjain beberapa project, tapi secara studi sih saya lulusan arsitektur sih, yg ga berhubungan sama sekali, πŸ€£πŸ˜…

Leave A Reply

Please enter your comment!
Please enter your name here