PETUALANGAN RAMADHAN MENJELAJAHI DUNIA WEBSITE

Merupakan materi dari event Ramadhan Talk yang diadakan oleh GDSC Universitas Trilogi. Dimana event tersebut membahas seputar dunia website (Front End maupun Back End).

Transcript

1. Perkenalan
2. Ugi Ispoyo Widodo CCIT FT-UI (2014-2016) Senior Frontend Engineer - Web (Kitabisa.com) Github: https://github.com/ugiispoyo NPM: https://www.npmjs.com/~ugiispoyo LinkedIn: Ugi Ispoyo Widodo
3. 4 Pengalaman Kerja Terakhir Senior Frontend Engineer Lead Frontend Engineer Senior Frontend Engineer Senior Frontend Engineer
4. Pengenalan dasar konsep dasar dari peran Web Developer.
5. Definisi Web Developer Seorang Web Developer adalah seorang profesional yang bertanggung jawab untuk mendesain, menciptakan, dan mengelola situs web. Tugas utama mereka melibatkan pengkodean dan pemrograman situs web, yang menghasilkan fungsi dan tampilan situs sesuai kebutuhan klien atau proyek. Biasanya terbagi dari 3 bagian: Front-End Developer (fokus pada desain dan interaksi pengguna) Back-End Developer (fokus pada server, aplikasi, dan database) Full-Stack Developer (kombinasi keduanya)
6. Roadmap Web Developer untuk Pemula
7. Dasar-Dasar Web Development 1. HTML (HyperText Markup Language) 2. CSS (Cascading Style Sheets) 3. JavaScript 4. Bahasa Pemrograman Server (PHP, Go, NodeJS, Java, Ruby, Python dan lain lain) 5. Sistem Manajemen Konten (CMS) 6. Desain Responsif 7. Hosting Web
8. Keterampilan Dasar Front-End Developer HTML, CSS, Javascript, Responsive Web Design, Debugging, Control Version/Git, Pemahaman Dasar SEO, Kerja Tim Back-End Developer Pengelolaan Database, Pemahaman Tentang API, Pengelolaan Server Dan Deployment, Debugging, Control Version/Git, Kerja Tim Full-Stack Developer Keterampilan dari keduanya (Frontend dan Backend)
9. Teknologi Standar Industri yang Digunakan untuk Pengembangan dalam Bidang Website
10. Macam-Macam Teknologi Front-End Yang Sering Digunakan Framework Javascript: ReactJS, NextJS, VueJS, NuxtJS, Angular, Svelte, Backbone JS, ExpressJS, NodeJS Framework CSS: Bootstrap, Tailwind CSS, Bulma, Foundation Framework UI: Material UI, Antd Design, Semantic UI, Flowbite, DaisyUI Tools: Code Editor Visual Studio Code (VSCode), Webstorm, Sublime Version Control GitHub, GitLab, Bitbucket Module Bundler Webpack, Vite, Rollup Package Manager NPM, Yarn, PNPM
11. Macam-Macam Teknologi Back-End Yang Sering Digunakan Bahasa Dan Framework: Javascript (NodeJS), Python (Django, Flask), PHP (Laravel, CodeIgniter), Golang (Web.go, Buffalo, Beego, Gin), Java (Spring Boot), Ruby (Ruby On Rails), C# (.Net) Database: MySQL, PostgreSQL, MongoDB, Microsoft SQL Server, SQLite, Oracle Database, Redis, Elasticsearch, Google Firebase Tools: Editors: Visual Studio Code (VSCode), Sublime, JetBrains (Goland, WebStorm) API Tools: Postman, Swagger atau OpenAPI, Environment dan Version Control: Docker, Gitlab, Github, Bitbucket Continuous Integration / Continuous Deployment (CI/CD) Tools: Jenkins, Travis CI, CircleCI, GitHub Actions
12. Macam-Macam Teknologi Fullstack Yang Sering Digunakan Fullstack biasanya sama menggunakan teknologi, tools, bahasa yang digunakan oleh Front-End dan Backend, tetapi ada beberapa framework atau tools favorit untuk fullstack gunakan diantaranya: PHP (Laravel, CodeIgniter), MERN (MongoDB, ExpressJS, ReactJS, NodeJS), MEVN (MongoDB, ExpressJS, VueJS, NodeJS), MEAN (MongoDB, ExpressJS, Angular, NodeJS)
13. Teknologi Cloud Service Providers Atau VPS Yang Sering Digunakan Oleh Perusahaan: 1. Amazon Web Services (AWS) 2. Microsoft Azure 3. Google Cloud Platform (GCP) 4. DigitalOcean 5. Cloudflare 6. Vercel
14. Pandangan Tentang Bidang Website Di Tahun Yang Akan Mendatang
15. Pandangan tentang bidang pengembangan website di tahun mendatang mengarah pada beberapa tren dan evolusi teknologi yang kemungkinan besar akan memainkan peran penting, seperti: 1. Peningkatan Fokus pada User Experience (UX) dan Accessibility 2. Adopsi Teknologi Web Progresif dan Headless CMS 3. Peningkatan Kepedulian Terhadap Keamanan Web 4. Integrasi dengan Teknologi Canggih 5. Peningkatan Penggunaan Framework dan Teknologi Jamstack 6. Perkembangan Web Assembly 7. Mobile-First Design dan Optimasi SEO
16. Peningkatan Fokus pada User Experience (UX) dan Accessibility • Desain Inklusif: Semakin banyak penekanan pada aksesibilitas untuk memastikan website dapat diakses oleh semua pengguna, termasuk mereka yang memiliki disabilitas. • Performa dan Kecepatan: Mempercepat waktu muat halaman dan responsivitas situs akan terus menjadi fokus utama untuk meningkatkan UX. • Desain Antarmuka yang Lebih Intuitif: Penggunaan AI dan machine learning untuk membuat antarmuka yang lebih adaptif dan intuitif berdasarkan perilaku pengguna.
17. Adopsi Teknologi Web Progresif dan Headless CMS • Progressive Web Apps (PWAs): PWAs akan terus berkembang, menawarkan pengalaman seperti aplikasi native pada perangkat mobile dengan kemampuan offline dan pemuatan yang cepat. • Headless CMS: Lebih banyak perusahaan akan beralih ke headless CMS untuk fleksibilitas yang lebih besar dalam pengelolaan konten dan pengalaman pengguna di berbagai platform. Contoh: Sanity, Strapi, Contentstack, dotCms dan lain-lain
18. Peningkatan Kepedulian Terhadap Keamanan Web • Perlindungan Data: Dengan meningkatnya ancaman keamanan siber, ada peningkatan fokus pada keamanan website, termasuk perlindungan data pengguna. • Pematuhan Regulasi: Pengembang website harus menyadari dan mematuhi peraturan privasi data seperti GDPR (General Data Protection Regulation) dan CCPA (California Consumer Privacy Act). Contoh: Kotak masuk email konsumen tidak boleh lagi dibanjiri dengan iklan dari e-commerce atau dari website yang lainnya.
19. Integrasi dengan Teknologi Canggih • AI dan Machine Learning: Mengintegrasikan AI untuk personalisasi konten, chatbots, analitik prediktif, dan optimisasi SEO otomatis. • Realitas Tertambah Augmented Reality (AR) dan Virtual Reality (VR): Penggunaan AR dan VR dalam web untuk menyediakan pengalaman yang lebih mendalam dan interaktif, terutama dalam e-commerce dan pendidikan. Contoh AR & VR: Game Pokemon, Filter-filter yang ada di sosmed seperti Tiktok, Ig, VR box, Oculus rift, Cardboard
20. Peningkatan Penggunaan Framework dan Teknologi Jamstack • Penggunaan Framework Modern: Framework seperti React, Vue.js, dan Angular akan terus populer, memudahkan pembuatan antarmuka yang dinamis dan responsif. • Adopsi Jamstack: Arsitektur Jamstack (JavaScript, API, dan Markup) menawarkan kecepatan dan keamanan yang lebih baik, mendukung tren pembangunan website yang lebih modular dan efisien.
21. Perkembangan Web Assembly • Web Assembly (Wasm): Kemungkinan akan lebih banyak digunakan untuk meningkatkan performa aplikasi web, terutama untuk tugas-tugas yang membutuhkan banyak sumber daya seperti game dan pengeditan gambar/video.
22. Mobile-First Design dan Optimasi SEO (Search Engine Optimization) • Desain Responsif: Desain yang responsif dan mobile-first akan terus menjadi standar dalam pengembangan web, memastikan situs bekerja dengan baik di semua perangkat. • SEO: Teknik SEO (Search Engine Optimization) akan terus berkembang, dengan fokus lebih besar pada optimisasi untuk pencarian suara dan pencarian lokal.
23. Terimakasih