Panduan Front End Web Developer di 2022

🔥 Promo Unlimited Hosting Niagahoster (saat ini Hostinger) : diskon up to 50% + gratis domain + SSL 🔥
👍🏼 Gunakan kode kupon WPUNPAS untuk tambahan diskon up to 60%

▬▬▬▬ Chapters ▬▬▬▬▬▬▬▬▬▬
00:00 - Intro

---
Jalur Belajar by Sandhika Galih

---
Link Penting

---
🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥

👾 Gabung Server Discord WPU 👾

👕 Beli T-Shirt & Hoodie TitikKoma 👕

- Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)

---
📢 FOLLOW SOCIAL MEDIA 📢

---
UNIVERSITAS PASUNDAN BANDUNG

terimakasih dan #janganlupatitikkoma!

@sandhikagalih

[oboyyoybhakti]

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

[gilanganggriawan]

Terharu pas denger "Saya akan bantu kalian sekuat tenaga."
Terimakasih banyak, Pak Dhika!!!
Sehat dan berkah selalu, Pak Sandhika dan Keluarga. Aamiin..

[fikrialfajri]

12:18
sedikit sharing buat temen temen yang ingin bekerja di perusahaan dan belum pernah punya pengalaman kerja sama sekali, sedangkan syarat masuknya minimal 1-3 tahun bekerja profesional.

Saran saya coba buat projek minimal 1, tpi lebih baik 3 untuk modal masuk perusahaan tanpa pengalaman. perdalam logic, kuasai framework populer (1 aja dulu), non teknis juga harus dipelajari (komunikasi, bhs inggris, dll).

note:
1. projectnya yang bermanfaat untuk orang banyak. (contoh: managemen keuangan, berhubungan dengan sosial, dan sebagainya)
2. bahasa inggris itu penting "-"
3. ngebuat diri sendiri seakan akan punya value yang tinggi

[aufabillah]

Ketika saya memutuskan menjadi Frontend Engineer, di situ saya membuat keputusan besar bahwa "Saya tidak pernah berhenti untuk terus belajar".

[zainalmutaqin]

ada 2 hal yang di butuhkan untuk mendapatkan ilmu 1, uang itu pasti dan yang ke 2. time for long, kalo ibnu hajar askolani belajar 20th belom bisa jadi apa lalu beliau belajar lagi 20th sehingga menjadi 40th baru menjadi orang besar. maka jangan berputus asa ya temen-temen, jadi maskudnya apa kita masih punya waktu, itu.

[sandhikagalihWPU]

Coba kasi tau kalian yang pengen jadi frontend web dev udah sampe belajarnya? :wpugege:

[mustofin]

nambah sedikit soal portfolio dari pengalaman terlibat di proses rekrutmen.
Yang jadi kunci portfolio bukanlah soal jumlah, tapi soal isi atau bobotnya.
Goal dari reviewer melihat portfolio adalah untuk melihat bukti sejauh mana beberapa hal dari kandidat:
1. pemahaman case serta solvingnya dalam bentuk code
2. style & struktur code

[FerdianaFamily]

Html, CSS, JavaScript blm lulus saya.
Ternyata masih byk yg WAJIB dipelajari & dikuasai.

Semangat 💪💪💪
alon-alon asal kelakon 🤓

[dzakirozaan]

Seperti yg pak dika bilang saya pemula yg langsung loncat ke react dan setelah mencoba belajar state management menggunakan redux auto pusing, tolong jangan di abaikan untuk html css js harus bener2 sudah paham baru boleh ke front end framework daripada nanti stuck di tengah jalan seperti saya stuck di react state management

[hidayahapriliansyah]

Saya baru aja 6 bulan belajar programming. Dari awal gak ada gambaran sama sekali, terus bingung mau bidang mana, karena budget dan spek laptop seadanaya milih web programming lebih realistis dari pada pemrogramman android. Dan alhamdulillah dari channel ini saya dapat banyak banget ilmu, pak. Awalnya mau fokus belajar di front-end, karena kebetulan tadinya orang desain (cocokologinya harus ke front-end hihi), tapi inget di salah satu video pak Dhika nyebutin kalau awal belajar mah rasain aja semuanya, front-end back end, dll, nanti bakal nemu passion nya di mana. Eh, ternyata sekarang malah lebih suka PHP. hihi. Terima kasih pak Dhika atas Channel Youtube dan dedikasinya. Emang bener ternyata gak ada berhentinya kalau belajar programming. Harus fokus, jangan ke goda pengen bisa ini itu, fokus dulu aja apa yang ada. Pengen memperdalam JavaScript materi PHP yang baru aja dipelajari malah cepat lupa. Astagfirullah ... 😁😁Semagngat terus ngajarnya, pak. Semoga sehat selalu.

[davidsutanto]

Sayang dosen ku dulu gak seperti pak Dika.. Enak dan simple banget jelasinnya bahkan dari hal basic seperti pengertian Front End Web Development.. 👍👍

[joshuatimothy]

Tx sblm nya untuk HTML, CSS, PHP yg Anda jelaskan sangat detil dan step by step, smoga subscriber Anda jadi jutaaan, Anda sangat bertalenta dalam mengajar. GBU

[aderamdan]

niatan pindah jalur dari desain grafis ke UI UX + front end
tp ternyata banyak yg harus dipelajarinya..

terima kasih ilmunya..

[ilhamfirnanda]

sedikit cerita, saat ini saya kerja sebagai frontend developer disebuah perusahaan software host, disana saya sebagai frontend bekerja dengan vue js disini saya bilang klo saya memiliki kesalahn dalam metode belajar dimana dari html saya langsung ke php native dan ke javascript framework untuk css saya terlalu meremehkan dan selalu mengunakan template admin, karena itu saya kurang memiliki keahlian dalam css atau slicing design dari ui ux ke web wkwkwk, tapi syukur perusahaan saya lebih ke ERP Based yang lebih mengutamakan data dari design meskipun design juga perlu hahaha, saat ini saya punya banyangan untuk mempelajari lebih dalam tentang typescirpt, golang, expressjs, dan dev ops docker namun saya masih kebayang dan butuh pemahaman atau keahlian css.setelah lihat video pak dhika saya mengerti dan membenarkan klo belajar web programer lebih baik bertahap jadi untuk pemula lebih baik jangan terlalu buru buru untuk tergiur dengan teknologi yang terbaru ya.

[MiftahYogi]

Thanks banget pak, speechless asli.
Buat yang udah gak ada waktu buat kulyah, ini jalur sprint buat jadi dev. yang materinya bisa diakses ngapain aja buat belajar, nggak perlu nunggu jam kampus. 🔥🔥🔥

[ilhamgiripamungkas]

Saya masih baru belajar, belum ada setahun dan masih bergelut di fundamental dan logika dasar, tapi kadang suka praktek dikit dikit dan ga kerasa bosen karena emang dasarnya minat dan udah diniatin. Buat kalian yang sama kaya saya, semangat bro kita belajar bareng bareng, gausah malu atau minder walau punya secuil ilmu, orang minat programming macam kita belum banyak dan mungkin bisa jadi pembeda antara kita dengan yang lain. malah harusnya malu ketika kita males belajar dan males ngimbangin perkembangan zaman saat ini.

oiya saya bukan orang akademis, yang kuliah IT ikut bootcamp atau online course tapi itu ga bikin saya berhenti belajar pak, tapi kalo ada rezeki tentu pengen punya gelar buat nambah ilmu dan memperluas koneksi hehe.

[universe]

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. 🙏

[rifq]

Setelah mengenal channel ini, setiap hari saya menjadi pusing, tp gpp lah semakin pusing semakin menantang..

Terimakasih Pak Dika🙏🙏

[thesoulofwater]

Pak guru, salam dari BALI, , , saya sangat berterimakasi atas pembelajaran yang sangat berharga dan sangat luar biasa dari seorang guru yang sangat rendah hati mau memberikan informasi yang sangat bermanfaat bagi calon programmer seperti saya 🙏🙏🙏🙏

[riskiananda]

Saya baru enam bulan belajar programming dan kadang" merasa hampir menyerah tapi terkadang saya sangat bersyukur dengan ada channel ini sangat membantu saya, terimakasih pak dika memang sesuatu yang indah itu tidak dilalui dengan proses yang mudah👌