Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Tuesday, November 20, 2018

PERKENALAN FRONT END

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




Tuesday, November 20, 2018 November 20, 2018 - tanpa komentar

No comments:

Post a Comment