Tips All

Figma adalah software design yang dapat digunakan secara gratis, terlebih lagi ketika kamu ingin belajar menjadi seorang UI/UX designer di tahun 2022 atau 2023 mendatang. BuildWith Angga telah menyediakan beberapa kelas online gratis untuk belajar Figma dan UI/UX design mulai dari awal sampai dapat memiliki portoflio pribadi. Belajar Design Style Guide Menggunakan Figma Style guide sangat penting untuk dipelajari oleh pemula, karena kita bisa memahami komponen apa saja yang tersedia pada product design. Hal ini dapat membuat kita menjadi seseorang UI/UX designer yang lebih professional. Bikin Wireframe dan Visual Design Menggunakan Figma Setelah memahami style guide di dalam product design, kita bisa latihan untuk membuat wireframe sederhana yang nantinya akan dijadikan design aplikasi. Pada kali ini kita akan menggunakan software Whimsical dan Figma untuk mempelajarinya. Tingkatkan Skills Figma Kita, Belajar Design Website Dari Workshop Gratis Workshop kali ini menantang kita untuk design sebuah website Charity untuk menampung dana yang akan digunakan untuk membantu orang yang belum beruntung, terutama di bidang pendidikan. Mulai dari awal menggunakan Figma, sampai bisa memiliki portfolio yang bisa digunakan sebagai modal bekerja. Alright, are you ready? Figma dapat menjadikan diri kita sebagai seseorang designer yang hebat. Graphic designer, product designer, ui/ux, illustration designer, semua bisa kita capai hanya menggunakan Figma. Baik, silahkan pelajari beberapa kelas online rekomendasi untuk belajar Figma secara gratis di BuildWith Angga.

Goals Membantu Product Designer dalam membangun aplikasi/website yang mudah digunakan dan terlihat menarik di mata pengguna, sehingga pengguna jadi lebih nyaman ketika menggunakan dan menghabiskan lebih banyak waktu pada produk tersebut. Responsibilities Mendesain tampilan visual bedasarkan wireframeMembuat prototype sederhanaBekerja sama dengan develop pada tahap slicing Requirements Telah mengerjakan challenge sederhana yang tersedia di bawahSering menggunakan software FigmaSedang tidak bekerja full-time/part-time/freelancerSedang tidak sekolah SMA/SMKJika sedang kuliah maka minimal semester 3Fresh graduate (kuliah) boleh applySudah mengikuti minimal 1 kelas Premium (untuk memastikan bahwa kamu telah terbiasa menggunakan fitur-fitur di website BWA). Benefits Akses seluruh kelas PremiumBelajar hal baru pada sebuah real-world projectUang kompensansi/jajan bulananProgram pelatihan berbayar di luar program BuildWith Angga Challenge Kerjakan visual design (color, typography, layout, etc) pada wireframe yang sudah kami sediakan di bawahGunakan referensi design berikut https://dribbble.com/buildwithangga/collections/5358948-ux-protoSiapkan link projek Figma yang dapat diakses secara publik Wireframe How to Apply Siapkan Resume (CV) & Hasil test (berupa link Figma public ) dengan rapihIsi subject email dengan Magang UI Designer 2022/23Kirim lamaran ke email [email protected] semoga menjadi tercepat dan terbaik Lowongan dibuka pada tanggal 11 September dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok, Kami akan menambahkan informasi CLOSED pada judul loker apabila lowongan magang ini sudah ditutup dan kami sudah mendapatkan kandidat.

Goal Software Quality Assurance sangat dibutuhkan oleh kebanyakan Startup atau perusahaan besar, menjaga sistem berjalan dengan semestinya dan berkolaborasi dengan tim product dan developer yang membangun fitur tersebut. Responsibilities Melakukan uji coba setiap adanya fitur terbaruMemeriksa fitur-fitur lama apakah berjalan dengan baikMendokumentasikan hasil kerjaan dengan rapih Requirements Telah mengerjakan challenge sederhana yang tersedia di bawahSedang tidak bekerja full-time/part-time/freelancerSedang tidak sekolah SMA/SMKJika sedang kuliah maka minimal semester 3Fresh graduate (kuliah) boleh applySudah mengikuti minimal 1 kelas Premium (untuk memastikan bahwa kamu telah terbiasa menggunakan fitur-fitur di website BWA). Benefits Akses seluruh kelas PremiumBelajar hal baru pada sebuah real-world projectUang kompensansi/jajan bulananProgram pelatihan berbayar di luar program BuildWith Angga Challenge Membuat dokumentasi sederhana menggunakan Notion.so terkait 3 fitur yang tersedia pada website BuildWith Angga. Buatlah sebuah table dengan kolom URL, Goal, Criteria, Status (lihat contoh A) Simpan sebagai .PDF Untuk list Criteria, posisikan diri kamu sebagai pengguna website BuildWith Angga, kami ingin kamu menjadi kreatif, memikirkan kemungkinan apa saja yang bakalan terjadi pada setiap URL page terkait, buatlah minimal 3 Criteria pada setiap URL-nya. Contoh A URLFungsi/GoalCriteriaStatushttps://buildwithangga.com/bootcampMenampilkan beberapa Bootcamp yang tersedia di BWA sehingga student dapat melihat secara details dan mendaftar pada Bootcamp tersebutApakah student dapat melihat konten via mobile?SUCCESSApakah student dapat melihat details dari setiap Bootcamp?SUCCESSApakah student dapat melihat video trailer dari setiap Bootcamp?FAILED How to Apply Jika sudah menyelesaikan tugas sederhana di atas, waktunya untuk apply magang software quality assurance (wfa) di BuildWith Angga. Siapkan Resume (CV) & Hasil test dengan rapihIsi subject email dengan Magang SQA 2022/23Kirim lamaran ke email [email protected] semoga menjadi tercepat dan terbaik Lowongan dibuka pada tanggal 11 September dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok, Kami akan menambahkan informasi CLOSED pada judul loker apabila lowongan magang ini sudah ditutup dan kami sudah mendapatkan kandidat. Informasi selengkapnya bisa DM melalui Instagram kami yaitu BuildWith Angga. Terima kasih.

Perbandingan Antara Figma dan FigmaJam Hello People With The Spirit Of Learning! 🙌 Pada artikel kali ini, kami akan membahas mengenai perbedaan Figma dan FigmaJam dari segi fungsionalitas, fitur dan juga cara kerjanya. Yuk simak dan kenali perbedaan antara Figma dan FigmaJam! Figma Figma merupakan salah satu aplikasi berbasis web di mana para user/contributor dapat mengubah ide-ide kreatif mereka menjadi sebuah design yang responsif dan interaktif. Design ini bisa diekspresikan melalui beberapa jenis seperti design web, aplikasi, poster, dan lainnya. Bagi UI/UX Designer, Figma biasanya digunakan untuk mendesign tampilan antarmuka (UI) untuk website maupun aplikasi mobile. Dalam Figma ini, kamu bisa berkolaborasi dengan designer lainnya untuk membuat suatu design secara bersama-sama. Ada banyak macam-macam tools di Figma ini yang akan mempermudah kamu saat mendesign, diantaranya: Menambahkan bentuk, gambar, teks, dan layers di KanvasLeft sidebar untuk melihat layer dan assets yang digunakan pada designRight sidebar untuk melihat dan menyesuaikan seperti ukuran, letak, font dan lain nya dari properti designToggle rulers dan pixel grid untuk presisi design agar lebih rapi dan sempurnaMacam-macam plugin untuk mempermudah design, seperti plugin logo, foto, live tracking map, ilustrasi, dan lain nya. source: Figma FigmaJam FigJam adalah alat kolaborasi masa kini yang inovatif untuk brainstorming ide dan solusi kreatif saat pengembangan sebuah aplikasi. Alat dari Figma ini memungkinkan tim untuk kerja sama secara real time, menuangkan ide mereka dengan banyak fitur menyenangkan dan bermanfaat seperti draw, shape, sticky note, stamp dan add text. FigmaJam bisa menjadi opsi yang tepat untuk mempermudah manajemen pekerjaan maupun tugas bersama tim kamu! 🙌😉 source: Figma Nah, apakah kamu sudah pernah menggunakan Figma dan FigmaJam? dan manfaat apa sih yang kamu dapatkan dengan menggunakan kedua tools ini? Silahkan share artikel ini jika bermanfaat untuk kamu ya!🤗 Untuk kamu yang baru mengenal Figma dan FigmaJam serta ingin mempelajari penggunaan kedua tools ini lebih dalam, kamu bisa bergabung di kelas Learn Figma For Beginner dan Mastering FigmaJam: Brainstorming to User Journey BuildWith Angga.

Hello People With The Spirit Of Learning!🙌 Salah satu pekerjaan dengan demand yang cukup tinggi di Indonesia 5 tahun kedepan adalah Software Quality Assurance. Hal ini karena di Indonesia sendiri sudah mulai banyak perusahaan Start-Up di bidang IT maupun non-IT yang mulai memproduksi software untuk melancarkan kebutuhan perusahaan mereka. Tiap perusahaan, pastinya memiliki tujuan agar software yang dibuat dapat bekerja secara optimal. Agar software dapat bekerja dengan optimal, maka diperlukan peran dari seorang QA Engineer. Quality Assurance (QA) merupakan seseorang yang bertanggung jawab untuk menyiapkan dan memastikan segala kebutuhan dari aplikasi yang dibangun oleh suatu perusahaan agar dapat bekerja dengan baik. Fokus utama pekerjaan ini ialah melakukan pengujian produk meliputi: fitur, elemen, visual dan fungsionalitas sistem, dan juga maintenance. Adapun beberapa tanggung jawab dari seorang QA Engineer yang perlu kamu ketahui, diantaranya : Merancang panduan untuk report dan data record.Merencanakan pengukuran kualitas terhadap produk dengan checklist.Mengevaluasi dan mengembangkan standar produk sesuai dengan prosedur QA/QC.Memastikan produk telah memenuhi kebutuhan dan permintaan user.Membuat laporan hasil dari pemantauan dan evaluasi mengenai kualitas produk source: unsplash Nah, setelah kamu mengetahui tanggung jawab dari seorang QA Engineer, lalu faktor apa sih yang membuat pekerjaan ini menjadi opsi karir yang cocok untuk wanita? . Perlu kamu ketahui, bahwa skillset yang dimiliki seorang QA Engineer antara lain sebagai berikut : Memiliki analytical thinking yang baikMemiliki kemampuan problem solving yang baikMampu bekerja sama dengan tim yang relevanDapat mengoperasikan tools testing source: Unsplash Dilihat dari skillset dan tanggung jawab seorang QA Engineer yang sudah disebutkan diatas, mereka tidak terlalu memerlukan pemahaman yang mendalam pada bahasa pemrograman tertentu. Namun, bagaimana proses pengujian yang dilakukan oleh seorang quality assurance? tugas mereka lebih kepada menguji dari sisi design, terutama user experience dan menguji fitur serta fungsional dari sistem. Namun ketika respon sistem salah, Quality Assurance bisa memasukkannya dalam daftar bug report. Pengujian sistem juga termasuk dalam pengujian back end. Dalam tahap ini, Quality Assurance melakukan pengujian terhadap API menggunakan tools bernama Postman API dimana rangkaian alurnya sudah dibuat oleh developer. Setelah sistem telah stabil, maka Quality Assurance akan membuat automation test. Dalam tahap ini, Quality assurance melakukan pengujian sistem dengan menggunakan beberapa tools tertentu dan melakukan koding. Namun, koding yang dilakukan oleh Quality Assurance hanya untuk menjalankan alur sistem. Hal inilah yang menjadi alasan Quality Assurance menjadi pilihan karir yang tepat untuk wanita yang ingin tetap berkarir di dunia IT namun tidak perlu memahami banyak bahasa pemrograman. Kelebihan lain nya ketika menjadi QA Engineer, pekerjaan ini bisa dilakukan secara hybrid maupun full-remote. Sangat cocok untuk wanita yang ingin bekerja di rumah ataupun untuk Ibu Rumah Tangga sekalipun. Mereka bisa multitasking untuk bekerja dan mengurus pekerjaan rumah. Untuk gaji seorang QA Engineer pertahun nya berada di kisaran Rp. 6.000.000/bulan atau Rp. 72.000.000/tahun. Nah, untuk kamu para wanita, sudah siap belum berkarir sebagai QA Engineer?. Jika masih bingung, kamu bisa bergabung di kelas Complete Beginner QA Engineer: E2E Testing With Cypress. Semoga artikel ini bermanfaat untuk kamu ya!🙌😉 BuildWith Angga

Hello, People With The Spirit Of Learning! Artikel kali ini akan menjelaskan cara bagaimana membuat suatu project baru di Figma, dan siapa saja yang bisa melihat suatu project yang sudah di buat di Figma. Artikel ini cocok sekali untuk kamu pemula yang ingin beralih menggunakan Figma secara individu maupun secara tim. Bagaimana cara membuat project baru di Figma ? Terdapat dua cara dalam membuat suatu project baru di Figma: 1.Membuat Project Baru Melalui The Team Klik New Project pada halaman menu 2.Membuat Project Baru Melalui Left Sidebar Pada cara kedua kamu dapat membuat project baru dengan tim secara spesifik, dimana kamu atau tim dapat melihat project melalui browser file. Klik the team pada bilah sisi kiriKlik (+) untuk membuat project baru By: Figma.com Beri nama pada project dengan nama yang mudah diingat, kamu bisa mengganti nama pada project kamu kapan saja By: Figma.com Untuk tim profesional atau tim organisasi dapat mengatur project dengan merubah izin pengaturan (permissions setting) untuk semua orang (everyone) pada nama tim (team name), dan dapat mengedit serta memilih dengan pilihan melalui: Mengedit: anggota tim dapat mengakses project dengan level izin pada tim. Dapat melihat: anggota tim hanya dapat melihat file project, mesikpun anggota tim memiliki izin untuk edit Khusus Undangan: yang dapat mengakses file dalam project hanya anggota tim atau kolaborator yang kamu undang. By: Figma.com Catatan: Untuk tim pemula hanya dapat membuat project yang dapat diedit, dan anggota tim dapat mengakses project berdasarkan tingkat izin tim mereka. Selanjutnya, klik create project untuk membuat project baruKlik add a description pada halaman project, dan Figma akan menampilan halaman project di file browser. Selanjutnya, pada Figma suatu project dapat dilihat melalui: 👀 View-only project Hanya pemilik atau pembuat suatu project yang dapat mengedit project tersebut. Anggota tim hanya dapat melihat file dalam project, mesikpun anggota tim memiliki izin mengedit. 🔒Invite-only project Project ini tidak tersedia untuk semua anggota tim karena merupakan project khusus yang dimana anggota tim hanya dapat mengakses project khusus undangan jika anggota tim diundang. Project khusus undangan sangat cocok untuk anggota tim dalam membangun suatu desain tim. Nah, itu adalah penjelasan tentang bagaimana cara membuat suatu project baru di Figma. Yuk, segera memulai membuat project baru di Figma, dan menambah portofolio kamu. Semoga artikel ini bermanfaat, semangat! BuildWith Angga.

Hello, People With The Spirit Of Learning! Artikel kali ini cocok untuk kamu yang ingin beralih menggunakan Figma pada browser karena artikel ini akan membahas syarat untuk pengguna Figma pada browser. Sebelumnya, kita perkenalan singkat dulu terkait Figma. Apa itu Figma? Figma merupakan perangkat lunak berbasis browser yang dapat dijalankan di semua sistem desktop, seperti MacOs, Windows, Linux, dan Chrome OS. Figma juga dapat kamu unduh pada aplikasi seluler yang tersedia di perangkat iOS dan Android. Operating Systems Pada sistem operasi, Figma menggunakan WebGL (Web Graphics Library) yang dapat berjalan dengan baik pada browser karena memiliki syarat grafis yang sangat rendah. Persyaratan browser untuk pengguna Figma minimum: Chrome 66+Firefox 78+Safari 13+Microsoft Edge 79+ Catatan: Jika kamu menggunakan Microsoft Edge, kamu harus menonaktifkan strict mode atau mode ketat yang ada di web Figma.com. Sedangkan, persyaratan untuk sistem operasi Figma minimum: Windows 8.1Apple MacOS 10.12 (macOS Sierra) dan versi lebih baruJenis OS Linux apapun yang dapat mengakses browserJenis Chrome OS apapun yang dapat mengakses browser. Catatan: Silahkan kunjungi What’s my Browser untuk mengetahui browser dan versi sistem operasi apa yang kamu gunakan. Graphics Cards (Kartu Grafis) Graphics Cards atau kartu grafis merupakan komponen penting dari perangkat keras pada komputer. Figma tidak membatasi pengguna kartu grafis tertentu, jenis dukungan browser apa pun seperti, Windows, Linux, OS, Safari akan memberikan perbaikan bug apa pun yang terkait dengan WebGL. Kartu Grafis Khusus Biasanya, beberapa laptop baru memiliki kartu grafis khusus, seperti Nvidia atau AMD, dan prosesor grafis terintegrasi, seperti Intel atau AMD. Biasanya, beberapa laptop baru memiliki kartu grafis khusus, seperti Nvidia atau AMD, dan prosesor grafis terintegrasi, seperti Intel atau AMD. Jika kamu memiliki laptop dengan prosesor dual-GPU, kamu dapat memilih untuk menggunakan GPU khusus, ini akan membantu kamu dalam peningkatan kerja di Figma. Informasi untuk kamu pengguna prosesor GPU khusus: 1. MacOs Cari tahu prosesor grafis mana yang digunakan pada MacBook Pro,Mengatur kinerja grafis pada Macbook Pro (menonaktifkan pengalihan otomatis). 2.Windows (Nvidia) Pada panel kontrol Nvidia, atur chrome.exe untuk menggunakan kartu grafis diskrit. 3. Windows (AMD) Pada panel kontrol AMD, atur chrome.exe untuk menggunakan kartu grafis diskrit. Kartu Grafis yang Tidak Didukung Figma Kartu Grafis yang tidak didukung oleh Figma, yaitu Intel HD Graphics 3000 karena GPU memiliki bug yang diketahui dapat menyebabkan gangguan rendering saat menggunakan Figma. Syarat dan Ketentuan Perangkat seluler (Mobile) pada Figma Jika kamu menggunakan mobile atau perangkat seluler pada Figma, kamu hanya dapat mengakses dan melihat dari file Figma. Ketentuan tersebut berlaku untuk pengguna iPad, tablet, atau perangkat seluler, dan juga berlaku pada tablet yang menjalankan OS dekstop lengkap, seperti Microsoft Surface. Selain itu, kamu juga dapat melihat prototipe pada browser seluler dengan membuka tautan pembuatan prototipe di perangkat seluler. Syarat Minimum untuk mengakses file Figma pada browser perangkat seluler: Chrome pada Android (7.0-9.0)Safari di iOS 11.4+ Catatan: Jika kamu ingin menggunakan Figma secara langsung pada perangkat seluler, kami sarankan untuk mengunduh aplikasi seluler Figma yang tersedia di perangkat iOS dan Android. Nah, kamu sudah mengetahui syarat dan ketentuan browser pada Figma. Jika kamu sudah memenuhi syarat yang ada pada artikel, kamu sudah bisa menggunakan Figma pada browser kamu. Semoga artikel ini bermanfaat buat kamu, ya! BuildWith Angga.

Ada beberapa hal yang perlu kamu set-up di browser mu sebelum memulai menggunakan Figma. Pastikan kamu telah menginstal dan mengaktifkan WebGLAtur zoom browser kamu hingga 100%Pastikan juga bahwa browser kamu adalah versi yang terbaru saat iniNonaktifkan fitur swipe kanan/kiri (khusu MacOS)Install Figma Font Helper untuk menggunakan font default/lokal (Buka tab baru) Note: Jika kamu menginstall Aplikasi Figma di Desktop, kamu tidak perlu menggunakan pengaturan konfigurasi ini. Karena pengaturan konfigurasi ini hanya berlaku untuk Figma yang dijalankan di browser. Berikut ini tutorial untuk mengkonfigurasikan Figma di beberapa browser seperti Google, Safari, Mozila Firefox, Microsoft Edge, Mac. 1. GOOGLE Buka Google Chrome dan pergi ke Chrome Settings MacOS: pergi ke Chrome Preferences (Preferensi Chrome) pada menu, atau juga bisa menggunakan shortcuts Command + ,Windows: Buka File > Preferences atau bisa klik elips vertikal yang ada di pojok kanan atas, dan pilih Settings (Pengaturan) Appearance (Tampilan) Di bagian **Appearance (**Tampilan), pastikan zoom halaman kamu sudah diatur ke 100%. Hal ini untuk memastikan file ditampilkan secara akurat pada resolusi yang lebih tinggi. source: Figma Advanced Scroll ke bawah dan klik link Advanced untuk memperbesar halaman pengaturan. Pada bagian System, Enable Use Hardware Acceleration jika ada. Source: Figma Enable WebGL Jika saat ini WebGL tidak diaktifkan, Kamu dapat menuju ke pengaturan Chrome Flags di browser: chrome://flags/ Update daftar ganti rendering software agar diaktifkan. Ini harus di dekat bagian atas list: Source: Figma Atau, Kamu dapat mencari Flags terkait WebGL dan diubah ke enabled. 2. MOZILA FIREFOX Buka Firefox dan buka menu pada pojok kanan atasDengan melakukan step diatas, kamu dapat melihat seberapa level zoom mu. Kamu juga dapat menggunakan icon - (untuk mengecilkan) dan + (untuk memperbesar)Pada menu yang sama, pilih Prefrences untuk opsi yang lain: scroll ke bawah menuju Firefox Updates. Kamu dapat melihat versi terbaru saat ini dan apakah statusnya sudah ter update atau belum: Source: Figma klik Check for Updates untuk cek informasi seputar update an. Jika kamu belum update browser ke versi terbaru, maka akan ada notifikasi peringatan untuk update browser versi terbaru dan Firefox akan secara otomatis me-restart setelah menginstall.Sebaiknya perbarui pengaturan Allow Firefox untuk Automatically Updates (Update Otomatis). SAFARI Safari diupdate secara otomatis oleh macOS setiap ada versi terbaru. Jika ada versi baru macOS yang tersedia, kamu dapat memperbaruinya di komputer secara langsung, yang juga akan meng-update Safari dengan pembaruan yang diperlukan. Buka Figma di SafariBuka Safari > Preferences (Preferensi) pada menu utamaBuka Websites dan klik Page ZoomDi bagian Situs web yang saat ini terbuka, pastikan Figma diatur ke skala100%: Source: Figma Note: Kamu harus menggunakan setidaknya V10.11.1 (El Capitan) jika Anda ingin menggunakan pinch-and-zoom. MICROSOFT EDGE Figma tidak lagi mendukung Internet Explorer: Jelajahi browser yang didukung → Untuk update Microsoft Edge ke versi yang terbaru: Pada menu, pilih Settings > Updates & SecurityPilih Windows Updates di bagian atas daftar lalu Check For UpdatesJika ada pembaruan, mereka akan mulai mengunduh Microsoft Edge dan di re-start secara otomatis. Untuk mengatur default zoom: Pilih Menu di sudut kanan atas jendela.Pilih Settings pada opsi.Pilih Appearance pada menu di kolom kiri.Di bagian Zoom, update pengaturan halaman zoom untuk memilih tingkat zoom default baru. Enhanced Security Untuk menggunakan Figma di Microsoft Edge, Kamu harus memastikan pengaturan Strict Mode dinonaktifkan untuk Figma.com. MAC Jika Kamu menggunakan trackpad di macOS, mungkin kamu perlu menonaktifkan gerakan scroll kiri/kanan. Hal ini akan mencegah jika kamu secara tidak sengaja menutup file Figma, ketika sedang scroll ke kiri dan ke kanan di dalam kanvas. Buka System Preferences dan buka Trackpad settings: Source; Figma Source; Figma Disable opsi Swipe between pages Source: Figma Nah, kita telah belajar bagaimana cara mengkonfigurasikan figma dengan berbagai browser. Semoga artikel ini bermanfaat untuk kamu ya!🙌😉. BuildWith Angga

Hello, People with the spirit of learning! Sebagai Mobile Developer, bahasa pemograman harus kamu kuasai dalam membuat mobile aplikasi. Artikel kali ini akan menjelaskan alasan mengapa kamu harus belajar Bahasa Pemograman Dart atau Dart Programming Language Sebelum menampilkan alasan kamu harus belajar Bahasa Pemograman Dart, artikel ini akan menjelaskan apa itu dart, dan sejarah mengenai bahasa pemograman Dart karena pepatah berkata ‘tak kenal maka tak sayang’. Yuk, mengenal Dart terlebih dahulu! Apa itu Dart? Dart adalah salah satu bahasa pemograman yang dikembangkan oleh Google (By: Lars Bark & Kasper Lund), dan merupakan bahasa pemograman pada platform Flutter. Bahasa pemograman Dart juga merupakan bahasa modern yang lengkap serta memiliki kemiripan dengan bahasa pemograman lain, seperti JavaScript/JS. By: Dart.dev Sejarah tentang Bahasa Pemograman Dart Bahasa pemograman Dart secara resmi diperkenalkan pada 10 Oktober 2011 dan versi pertama bahasa pemograman Dart yaitu versi 1.0 resmi dirilis pada 14 November 2013. Versi terbaru bahasa pemograman Dart adalah versi 2.13.0 yang dirilis pada 18 Mei, 2021. Tujuan Google membangun Dart adalah kebutuhan untuk membangun mobile aplikasi, front-end, back-end, loT. Alasan mengapa kamu harus belajar Dart 1. Bersifat Fleksibel Dart bersifat fleksibel dan dinamis, dapat dikompilasi ke dalam bahasa pemograman JavaScript dengan compiler yang disertakan di dalamnya, seperti kode x64 untuk perangkat seluler, JavaScript untuk browser web, dan executable untuk windows, Mac OS, dan Linux. By: Fireship 2. Mudah Dipelajari Bahasa Pemograman Dart mudah untuk kamu pemula yang ingin menjadi Developer, khususnya Flutter Developer karena Dart merupakan Bahasa pemograman Flutter. Dart mudah dipelajari karena memiliki kurva belajar yang pendek dan bahasa ini mendukung pengetikan yang longgar dan kuat. Dart juga terstruktur dengan baik, jika kamu sudah mengetahui C, Java, atau C# maka Dart akan sangat mudah kamu pelajari. 3. Bersifat Open Source Yang dimaksud Open Source dalam Dart, yaitu Dart tidak memerlukan lisensi apapun, atau siapa pun dapat mengunduh dan menggunakannya dari situs resminya secara gratis. 3. Memiliki Syntax yang Bersih dan Aman Pada bahasa pemograman Dart, syntax atau struktur kode bersifat sederhana, terstuktur dengan baik, dan bersifat familiar. Dart menggunakan C-Style syntax sehingga mekanismenya mirip dengan bahasa pemrograman C, Java, JavaScript, dan Swift. Bahasa pemograman Dart memiliki kemampuan untuk mengidentifikasi kesalahan saat kompilasi oleh karena itu, struktur kode Dart bersifat aman. By: Michael Thomsen 5. Kompiler Dart bersifat Cepat Dengan mengkompilasi kode selama proses pembuatan, developer juga dapat mencapai rendering UI yang lebih cepat di browser. Kompiler Dart juga memperingatkan developer tentang kesalahan yang ada sebelum kode berjalan. Selanjutnya, ini adalah beberapa perusahaan dan aplikasi yang menggunakan bahasa pemograman Dart: Nah, itu adalah beberapa alasan yang dapat meyakinkan diri kamu untuk belajar bahasa pemograman Dart. Masih bingung? Yuk, belajar bareng mentor berpengalaman mengenai Dart Programming, kamu bisa bergabung di kelas Dart Programming Untuk Persiapan Belajar Flutter Sampai bertemu di kelas, selamat bergabung dan selamat belajar! kelas rekomendasi: Dart Programming Untuk Persiapan Belajar Flutter BuildWith Angga.

Hello, People with the spirit of learning! Pada artikel kali ini kita akan membahas cara menambahkan Theme Style pada Flutter. Sangat cocok untuk kamu pemula yang ingin menjadi Flutter Developer! Pada Flutter kita belajar cara mengatur jenis teks, warna teks, ukuran teks, dan ketebalan teks. Namun, kita hanya dapat mengatur teks tertentu saja, sehingga jika ingin menggunakan preset yang sama untuk di halaman atau route lain maka kita harus mengatur ulang preset tersebut. Oleh karena itu, kita kali ini akan belajar bagaimana cara menambahkan theme style agar dapat membagi preset tema yang sudah kita atur ke semua route aplikasi. Buka link Pub.dev Kita mulai dari searching Google fonts pada web pub.dev, copy paste dependencies google fonts pada halaman dart di bagian Pubspec.yaml, lalu save. Setelah itu, import material dan menambahkan import google fonts pada file baru di lib dart. 2. Menuliskan jenis warna teks, dan kode warna sesuai yang diinginkan. 3. Membuat Teks style pada Title. Pada title text style kita harus menuliskan font type, color, font weight, dan font size sesuai yang diinginkan lalu jangan lupa untuk save. 4. Membuat teks style pada subTitle Selanjutnya, pada bagian subTitle Text Style kita harus menuliskan font type, color, font weight, dan font size sesuai yang diinginkan lalu save. 5. Lakukan ulang cara ke empat untuk membuat text style yang lain, seperti membuat plan text style, desc text style, price text style, dan button text style. Nah, itu adalah tahap untuk membuat theme style yang akan mempermudah kamu dalam membuat sebuah projek mobile aplikasi. Kalau kamu ingin belajar lebih dalam mengenai basic flutter developer, kamu bisa bergabung di kelas Flutter Developer: Basic State Management. Silahkan bergabung dan selamat belajar! Kelas Rekomendasi: Flutter Developer: Basic State Management BuildWith Angga.