dasar fronte-end vs back-end developer

21
Back-end vs Front-end

Upload: alfi-setyadi

Post on 23-Feb-2017

157 views

Category:

Software


4 download

TRANSCRIPT

Page 1: Dasar fronte-end vs back-end Developer

Back-end vs Front-end

Page 2: Dasar fronte-end vs back-end Developer

About me….

Alfi Setyadi Mochtar Software Engineer Co-founder dignot.com Focus on back-end development

Facebook: Alfi Setyadi Mochtar Twitter: @alfiMochtar

Page 3: Dasar fronte-end vs back-end Developer

Mengawali dari desainer

Corel draw Photoshop Dreamweaver

Next level: Html + css +js

Page 4: Dasar fronte-end vs back-end Developer

Apa hasilnya?

Desain website Memanfaatkan css untuk styling Animasi website dengan js

Page 5: Dasar fronte-end vs back-end Developer
Page 6: Dasar fronte-end vs back-end Developer

Gimana biar bisa dipake?

Memasukkan konten dinamis Menu login Menu komen Diakses dari internet Dst…

Page 7: Dasar fronte-end vs back-end Developer

Ternyata ndak bisa…..

Hanya desain yang tidak dapat dipake fungsional Bagus sih desainnya…

Page 8: Dasar fronte-end vs back-end Developer

Mulai belajar Back-end

PHP Webserver (XAMPP) MySQL Hosting

Page 9: Dasar fronte-end vs back-end Developer

Contoh Script PHP

<!DOCTYPE html><html><body>

<?phpecho "<h2>PHP is Fun!</h2>";echo "Hello world!<br>";echo "I'm about to learn PHP!<br>";echo "This ", "string ", "was ", "made ", "with multiple parameters.";?> 

</body></html>

Page 10: Dasar fronte-end vs back-end Developer

Tanda <?php ?> itu apa?

Baris kode bisa dikombinasikan antara back-end front-end Kapan script backend dijalankan? Kapan script frontend dijalankan?

Page 11: Dasar fronte-end vs back-end Developer

Bedanya?

frontend

backend

Page 12: Dasar fronte-end vs back-end Developer

Haruskah semua dikerjain sendiri???

Bikin desain (photoshop/AI/Corel) Bikin halaman html(html, css, js) Bikin fungsi login, input data dll. (PHP)

Kamu adalah fullstack developer jika kerjain semua itu sendirian Tapi mungkinkah system sebesar facebook/twitter dll dikerjain 1 orang? Bagaimana mereka bisa saling kerja sama

Page 13: Dasar fronte-end vs back-end Developer

Tools yang membantu

Version control (Git / svn) Desain flowchart UML Desain mockup

Page 14: Dasar fronte-end vs back-end Developer

Sekarang pilih mana?

Front-end Back-end Fullstack

Page 15: Dasar fronte-end vs back-end Developer

Tantangan Front-end Dev

Memahami kemauan customer “terserah, yang penting bagus” Desain tidak hanya bagus, namun juga mudah dipahami Ringan saat diakses Responsive

Page 16: Dasar fronte-end vs back-end Developer

Tantangan back-end Dev

Perhitungan data yang akurat Proses komputasi yang ringan Pengalahan dan penyimpanan data besar Performance yang bagus Mudah untuk direvisi

Page 17: Dasar fronte-end vs back-end Developer

Yakin mau jadi software developer???

Page 18: Dasar fronte-end vs back-end Developer
Page 19: Dasar fronte-end vs back-end Developer
Page 20: Dasar fronte-end vs back-end Developer
Page 21: Dasar fronte-end vs back-end Developer

Kita awali dari mana???

Bikin group Bikin agenda meetup rutin (minimal 2 minggu 1x)

Atau join course

Kapan mulai course? tunggu kuota terpenuhi (min 5 orang) Dan, kita ada beasiswa bagi yang lulus kualifikasi