Build A Modern Web And Become A Reliable Web Developer

Bina Sarana Informatika University,
Cengkareng, 26 Oct 2018,
By Rio Bahtiar

Transcript

2. Build A Modern Web And Become A Reliable Web Developer Bina Sarana Informatika University Cengkareng, 26 Oct 2018
3. Who am i ? Rio Bahtiar Engineer at Tokopedia Past - WordPress Engineer at PT. SoftwareSeni - Frontend Developer at Local Tobacco Digital Agency etc..
4. Topic • Become engineer • Technology Today
5. Become Engineer.
7. CHOOSE A DEVELOPMENT SPECIALIZATION “Se r s e li b ud n i t pe n ra n , da se k ju bi g ar ok da y di ni”
8. Engineering • Frontend Engineer • Backend Engineer • Full Stack Engineer • System Administrator • DevOps Product • Product Researcher • UX Researcher • UX Designer • UI Designer
10. Be Prepared For Obsolescence “Seb a m i y k u l a d e k i t a s ji be b an g un i s IT se n .”
11. Be Prepared For Obsolescence Most Dreaded Languages % survey dari developer yang menggunakannya, tapi tak lagi tertarik untuk lanjut menggunakannya. Stackoverflow Survey 2018
12. Be Prepared For Obsolescence Most Loved Languages % survey dari developer yang menggunakannya, dan tertarik untuk lanjut menggunakannya. Stackoverflow Survey 2018
13. http://bit.ly/tech-bsi-vid
15. PRACTICE YOUR CODING SKILLS “Bel p o r n en c a m k e k y “
16. What do I learn? Frontend Developer 1. HTML 2. CSS3 3. Dasar JS 4. Git 5. CSS Pre-processors (SASS / LESS / Stylus) 6. JS ES6 or JSX 7. JS Framework ( ReactJS / VueJs / AngularJS etc.. ) Backend Developer 1. Algoritma & Struktur Data 2. Basic DB Operation 3. Git 4. Choose Lang( GO/Rust/Python/etc..) 5. REST-full APIs 6. Persistent DB (Redis / Memcached) 7. Caching
17. Resources Sek Kod .co
19. LAUNCH AN ONLINE PORTFOLIO “Men sa s u n e l i n en ba c u r ad po f o, “
20. Git (/ɡɪt/[7]) is a version-control system for tracking changes in computer files and coordinating work on those files among multiple people. It is primarily used for source-code management in software development,[8] but it can be used to keep track of changes in any set of files.
21. Portfolio for designer
23. Online Certification
24. Other • Join Internship Program • Join hackathon event • Make LinkedIn Account
25. Why personal branding matters now
26. Remote Work / Freelance
27. Online Product
28. Tech Company Needs More Technically Skilled Workers.
29. Technology Today
30. Progressive Web Apps
31. Progressive Web Apps Progressive Web Apps are user experiences that have the reach of the web, and are: • Reliable - Load instantly and never show the downasaur, even in uncertain network conditions. • Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling. • Engaging - Feel like a natural app on the device, with an immersive user experience. This new level of quality allows Progressive Web Apps to earn a place on the user's home screen.
32. Reliable When launched from the user’s home screen, service workers enable a Progressive Web App to load instantly, regardless of the network state.
33. Fast 53% of users will abandon a site if it takes longer than 3 seconds to load! And once loaded, users expect them to be fast—no janky scrolling or slow-to-respond interfaces.
34. Engaging Progressive Web Apps are installable and live on the user's home screen, without the need for an app store. They offer an immersive full screen experience with help from a web app manifest file and can even re-engage users with web push notifications.
35. Accelerated Mobile Page
36. Accelerated Mobile Page Accelerated Mobile Pages (AMP) is an open-source project designed to improve the performance of web content and advertisements. It’s being sponsored by Google, and supported by Bing, Twitter, Pinterest, Baidu, and more.
37. Fast
38. “FACT: Tidak semua daerah di indonesia tercakup signal 4G, ada diantaranya masih 3G bahkan 2G.”
39. AMP HTML
40. AMP JS The AMP JS library implements all of AMP's best performance practices, manages resource loading and gives you the custom tags mentioned above, all to ensure a fast rendering of your page.
41. AMP Cache The Google AMP Cache is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. When using the Google AMP Cache, the document, all JS files and all images load from the same origin that is using HTTP 2.0 for maximum efficiency.
42. Keep in touch :) hi@rio.my.id | t.me/riobahtiar LinkedIn : linkedin.com/in/riobahtiar Slides : bit.ly/bsi-slides