Assalamualaikum... Sahabat semua, untuk beberapa materi yang akan di bahas kedepan, admin akan lebih fokus pada pembahasan front end. Untuk itu di website ini admin sudah membuat menu khusus front end dimana bagi yang tertarik dengan program di bagian front end disini kita akan sama-sama sharing dan belajar mengenai front end mulai dari 0. Materi mengenai front end yang akan di bahas di website ini berdasar dari Binary Academy, bagi yang belum tau apa itu binary academy silahkan search di google. Dan bagi yang masih belum mengerti apa front end, dan mengapa front end ada di bagian programmer disini kita akan mulai membahas dari 0.
BASIC MATERI
- Pengantar
- Pengembangan Web
- Styling
- Dasar-dasar Javascript
- Javascript Advanced
- Gunakan CDN Javascript (react.js)
- Node.js Fundamental
- EcmaScript 6 (react.js webpack)
- JSX (react.js webpack)
- Asynchronous
- CSS Preprocessor (sass, styl, postcss)
- Fokus Pembuatan Code Halaman Web
OVERVIEW WEBSITE DEVELOPMENT
Aplikasi khususnya situs web memiliki 2 ujung fisik yang front-end dan back-end. Front-end melibatkan sebagian besar berhubungan dengan situs web atau tata letak atau tampilan aplikasi yang merupakan titik akhir utama untuk presentasi visual dan berinteraksi dengan pengguna akhir.
JENIS FRONTEND MODERN
Aplikasi Halaman Tunggal (SPAs)
Contoh: mail.google.com
PWA (Aplikasi Web Progresif)
Contoh: babe.com, m.traveloka.com
SSR (Server Side Rendering)
Contoh: blogspot.com
HTML & CSS
HTML (Hyper Text Markup Language) dan CSS (Cascading Style Sheets) adalah
blok bangunan paling dasar dari pengkodean web. Tanpa kedua hal ini, Anda tidak bisa
membuat desain situs web, dan yang akan Anda hadapi adalah teks biasa yang tidak diformat di
layar. Anda bahkan tidak dapat menambahkan gambar ke halaman tanpa HTML!
Sebelum memulai di jalur karier pengembangan web apa pun, Anda harus menguasainya
coding dengan HTML dan CSS.
JAVASCRIPT
JavaScript memungkinkan Anda menambahkan lebih banyak fungsi ke situs web Anda. Anda bahkan bisa membuat banyak aplikasi web dasar menggunakan tidak lebih dari HTML, CSS, dan
JavaScript (JS untuk pendek).
Pada tingkat paling dasar, JS memungkinkan Anda menambahkan banyak elemen interaktif ke Anda
situs web. Gunakan untuk membuat hal-hal seperti peta yang diperbarui secara waktu nyata, interaktif
film, dan game online.
Situs seperti Pinterest sangat menggunakan JavaScript untuk membuat antarmuka pengguna mereka sangat mudah menggunakan
FRONTEND FRAMEWORK
CSS dan kerangka kerja front-end (kerangka kerja front end yang paling populer adalah Bootstrap) lakukan untuk CSS yang dilakukan oleh JS Frameworks untuk JavaScript: mereka memberi Anda titik lompatan untuk pengkodean yang lebih cepat. Karena begitu banyak CSS dimulai dengan elemen yang persis sama dari proyek ke proyek, kerangka kerja yang mendefinisikan semua ini untuk Anda dimuka sangat berharga.
PELAJARI JAVASCRIPT APA YANG AKAN KITA LAKUKAN?
PERSYARATAN PENGEMBANGAN WEB
Perangkat dengan OS Linux. min Ubuntu 16.04 LTS>, atau Mac
4GB ram mini
Core I3
Editor teks ex: Sublime, VS Code, Atom
Instal Git untuk setiap OS Anda. ref: https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
Instal NodeJs v 8.0>. ref: https://nodejs.org/en/download/package-manager/
Aplikasi khususnya situs web memiliki 2 ujung fisik yang front-end dan back-end. Front-end melibatkan sebagian besar berhubungan dengan situs web atau tata letak atau tampilan aplikasi yang merupakan titik akhir utama untuk presentasi visual dan berinteraksi dengan pengguna akhir.
JENIS FRONTEND MODERN
Aplikasi Halaman Tunggal (SPAs)
Contoh: mail.google.com
PWA (Aplikasi Web Progresif)
Contoh: babe.com, m.traveloka.com
SSR (Server Side Rendering)
Contoh: blogspot.com
HTML & CSS
HTML (Hyper Text Markup Language) dan CSS (Cascading Style Sheets) adalah
blok bangunan paling dasar dari pengkodean web. Tanpa kedua hal ini, Anda tidak bisa
membuat desain situs web, dan yang akan Anda hadapi adalah teks biasa yang tidak diformat di
layar. Anda bahkan tidak dapat menambahkan gambar ke halaman tanpa HTML!
Sebelum memulai di jalur karier pengembangan web apa pun, Anda harus menguasainya
coding dengan HTML dan CSS.
JAVASCRIPT
JavaScript memungkinkan Anda menambahkan lebih banyak fungsi ke situs web Anda. Anda bahkan bisa membuat banyak aplikasi web dasar menggunakan tidak lebih dari HTML, CSS, dan
JavaScript (JS untuk pendek).
Pada tingkat paling dasar, JS memungkinkan Anda menambahkan banyak elemen interaktif ke Anda
situs web. Gunakan untuk membuat hal-hal seperti peta yang diperbarui secara waktu nyata, interaktif
film, dan game online.
Situs seperti Pinterest sangat menggunakan JavaScript untuk membuat antarmuka pengguna mereka sangat mudah menggunakan
FRONTEND FRAMEWORK
CSS dan kerangka kerja front-end (kerangka kerja front end yang paling populer adalah Bootstrap) lakukan untuk CSS yang dilakukan oleh JS Frameworks untuk JavaScript: mereka memberi Anda titik lompatan untuk pengkodean yang lebih cepat. Karena begitu banyak CSS dimulai dengan elemen yang persis sama dari proyek ke proyek, kerangka kerja yang mendefinisikan semua ini untuk Anda dimuka sangat berharga.
PELAJARI JAVASCRIPT APA YANG AKAN KITA LAKUKAN?
PERSYARATAN PENGEMBANGAN WEB
Perangkat dengan OS Linux. min Ubuntu 16.04 LTS>, atau Mac
4GB ram mini
Core I3
Editor teks ex: Sublime, VS Code, Atom
Instal Git untuk setiap OS Anda. ref: https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
Instal NodeJs v 8.0>. ref: https://nodejs.org/en/download/package-manager/
HTML Fundamentals
HTML Basic Example
Dokumen HTML harus dimulai dengan deklarasi tipe dokumen: <! DOCTYPE html>.
Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.
Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </ body>.
Elemen <head> adalah wadah untuk metadata (data tentang data) dan ditempatkan di antara tag <html> dan tag <body>.
Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.
Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </ body>.
Elemen <head> adalah wadah untuk metadata (data tentang data) dan ditempatkan di antara tag <html> dan tag <body>.
Hallo teman-teman, terima kasih sudah membaca tulisan saya, semoga apa yang saya tulis di blog ini bisa bermanfaat. 
Hello, perkenalkan saya Andri Yusuf, Saya adalah bagian yang mengelola website ini. website ini saya buat sejak masih kuliah di bagian teknik informatika. Bagi saya menulis diblog adalah salah satu cara untuk menyimpan sekaligus berbagi ilmu yang pernah didapat. Terima Kasih telah berkunjung di Blog saya, mohon maaf jika ada kekurangan dalam penyampaian isi blog ini dan senang jika bisa berteman dengan anda. Sampai Jumpa!
Tidak ada komentar:
Posting Komentar