flash sale
hamburger-menu

Tips All

Meningkatkan skills menjadi 1% lebih baik

Kelas Lowongan Full Time Customer Service 2023 di BuildWith Angga

Lowongan Full Time Customer Service 2023

Goals Membantu student dalam memilih kelas yang cocok untuk masa depan karir mereka masing-masing dan juga menginformasikan bahwa mereka bisa coba ratusan kelas gratis buatan BuildWithAngga terlebih dahulu. Responsibilities Membalas pesan pada whatsappMemilihkan alur belajar atau kelas yang cocok untuk studentMemberikan informasi penting lainnya terkait produk BWA Requirements Minimal lulusan S1 jurusan IT atau Sistem InformasiMinimal pengalaman kerja 6 bulanMengutamakan tinggal di Bandung, jika dari luar Bandung bisa pindah ke BandungSedang tidak bekerja freelancer, part time, full timeBekerja dari rumah namun akan ada sesi kerja offline bersama-sama di BandungBekerja di Starbucks PVJ setiap hari Senin, Rabu, JumatHari Selasa dan Kamis bekerja dari rumahBiaya kopi dan makanan di starbucks akan ditanggung oleh BuildWithAnggaMinimal telah mengikuti 1 kelas Premium di BuildWithAngga (untuk memastikan bahwa kamu sudah mengenal cara belajar di BWA)Mengerjakan challenge sederhana yang tersedia di bawah Challenge Jawab beberapa pertanyaan berikut: Buatlah satu pertanyaan yang sekiranya informasi tersebut belum tersedia di website BuildWithAnggaJika ada customer yang bingung memilih kelas yang perlu dipelajari, saran apa yang akan kamu berikan kepada customer tersebut?Sebutkan 3 kekurangan dari BuildWithAngga menurut kamu? Kirim jawaban di atas melalui email di bawah. How to Apply Siapkan Resume (CV) & jawaban test pada body emailIsi subject email dengan Apply CS 2023Kirim lamaran ke email [email protected] Lowongan dibuka pada tanggal 7 Juni 2023 dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok. Informasi penerimaan akan diumumkan pada Instagram BuildWithAngga, stay tuned.

Kelas 10 Tools Digital Marketing di BuildWith Angga

10 Tools Digital Marketing

Adanya globalisasi membawa pengaruh besar untuk seluruh bidang, termasuk bidang marketing. Jika dahulu pemasaran dilakukan secara konvensional, maka saat ini cara tersebut tidak efektif lagi. Saat ini pemasaran dilakukan secara digital karena teknologi berkembang sangat pesat, sehingga digital marketing merupakan salah satu pilihan yang tepat untuk memasarkan produk. Nah di titik inilah tools digital marketing berperan penting untuk meningkatkan pemasaran produk. 10 Tools Digital Marketing Sebelum membahas tentang tools digital marketing, terlebih dahulu kamu harus mengetahui apa itu digital marketing dan mengapa digital marketing sangat dibutuhkan. Yuk simak penjelasan di bawah ini. Pengertian Digital Marketing Digital marketing merupakan istilah yang berkembang dari kata “marketing” yang merujuk pada kegiatan atau proses pemasaran. Digital marketing adalah strategi pemasaran yang menggunakan teknologi digital dan platform online untuk mempromosikan produk, layanan, atau merek kepada audiens target. Digital marketing melibatkan penggunaan berbagai alat dan kanal digital, termasuk situs web, media sosial email, iklan online, konten digital, dan lainnya. Dengan kata lain, digital marketing adalah peralihan dari model pemasaran konvensional menjadi pemasaran modern. Pentingnya Digital Marketing Bagi Pelaku Usaha Digital marketing memiliki peluang besar bagi pelaku usaha untuk memaksimalkan layanan digital yang terus berkembang. Terlebih, saat pandemi covid-19 menyerang dunia mengakibatkan aktivitas masyarakat banyak dilakukan di rumah. Hal ini berdampak pada pengguna internet semakin bertambah. Berdasarkan hasil survei Asosiasi Penyelenggara Jasa Internet Indonesia (APJII), pengguna internet di Indonesia mencapai 215,63 juta orang pada periode 2022-2023. Dengan adanya kondisi tersebut membuat pelaku usaha harus menggunakan digital marketing untuk mempertahankan usahanya. Digital markting berperan mulai dari membangun brand awareness hingga untuk meningkatkan penjualan. Digital marketing memiliki keunggulan dalam hal jangkauan yang luas, targeting yang tepat, pengukuran yang akurat, dan fleksibilitas untuk mengoptimalkan kampanye dengan cepat berdasarkan hasil yang diukur. Dengan menggunakan digital marketing memungkinkan pelaku usaha untuk berinteraksi langsung dengan pelanggan melalui berbagai platform komunikasi. Untuk mendukung aktivitas digital marketing dibutuhkan tools yang mempermudah dan membantu aktivitas tersebut. Berikut rekomendasi tools yang sering digunakan untuk digital marketing. 10 Rekomendasi Tools Digital Marketing 1. Google Analytics Google Analytics merupakan salah satu tools digital marketing yang bisa dipakai oleh siapa saja secara gratis. Tools ini digunakan untuk untuk melacak dan menganalisis perkembangan suatu website berupa konversi pengunjung atau traffic. Dengan menggunakan tools ini, memudahkan pelaku usaha untuk menganalisis karakter dan pola perilaku pengunjung situs web. Kamu bisa mendapatkan insight untuk dijadikan rekomendasi strategi pemasaran. Jika kamu ingin menggunakan tool ini, kamu perlu membuat akun terlebih dahulu. Kemudian channel yang kamu miliki untuk kampanye bisnis akan dilacak. Mulai dari search engine Google itu sendiri hingga email marketing. Google Analytics sebagai Tool Digital Marketing 2. Google Ads Google Ads merupakan tool yang dapat digunkana untuk periklanan online yang disediakan oleh Google. Kamu bisa menggunakan tool ini untuk membuat, mengelola, dan menampilkan iklan di berbagai produk Google, termasuk hasil pencarian Google, situs web mitra Google, YouTube, dan aplikasi seluler. Sebelum menggunakan Google Ads, kamu harus memahami konsep search engine marketing (SEM) terlebih dulu agar iklan yang dipasang merupakan konten dengan keyword relevan di mesin pencarian. Jika keyword yang digunakan sudah relevan memungkinkan kontenmu untuk menjadi nomor satu di mesin pencarian. Google Ads sebagai Tool Digital Marketing 3. Canva Canva merupakan tool yang digunakan untuk mendesain grafis dengan berbagai fitur, seperti untuk postingan instagram, story, brosur, power point, dan lainnya. Untuk pemula yang belum terbiasa mendesain konten, kamu bisa menggunakan canva karena aplikasi ini memiliki template yang memudahkan kamu untuk desain konten. Canva sendiri menawarkan dua versi, yaitu versi gratis dan berbayar. Untuk kamu yang ingin belajar terlebih dahulu, kamu bisa mencoba versi gratisnya. Dengan menggunakan Canva, kamu dapat membuat konten yang konsisten, profesional, dan beragam untuk meningkatkan brand awareness , menarik perhatian audiens, dan memperkuat kampanye pemasaran. Canva sebagai Tool Digital Marketing 4. Hootsuite Hootsuite merupakan platform manajemen media sosial yang dapat mengelola, menjadwalkan, dan menganalisis aktivitas di berbagai platform media sosial melalui satu dashboard sentral. Tool satu ini tidak boleh luput untuk digunakan, terlebih apabila bisnis kamu mempunyai media sosial. Dengan menggunakan Hootsuite maka kamu tidak perlu repot untuk standby di jam-jam penayangan terbanyak untuk mengunggah konten. Kamu cukup menjadwalkan kontennya dan kamu bisa mengerjakan pekerjaan lainnya. Konten akan otomatis ter-publish di jam yang sudah ditentukan. Hootsuite sebagai Tool Digital Marketing 5. Mailchimp Mailchimp adalah platform email marketing yang populer dan dapat digunakan sebagai tool digital marketing. Selain media sosial dan search engine, email marketing juga menjadi salah satu aktivitas yang penting dari digital marketing yang tidak boleh dilewatkan. Mailchimp dapat menjadi tool yang berguna dalam upaya digital marketing, terutama dalam membangun dan mengelola daftar email, membuat dan mengirimkan email pemasaran, serta melacak dan menganalisis hasil kampanye. Dengan fitur-fitur yang disediakan, Mailchimp membantu kamu berkomunikasi dengan pelanggan secara efektif melalui email dan memperkuat hubungan dengan mereka. Mailchimp sebagai Tool Digital Marketing 6. ChatGPT ChatGPT berfungsi dalam aktivitas digital marketing untuk coppywriting. Jika kamu merasa kebingungan dalam membuat konten, atau apapun itu kamu bisa menggunakan artificial intelligence (AI) yang satu ini. ChatGPT dapat membantu dalam penyusunan konten pemasaran seperti artikel blog, deskripsi produk, atau bahkan materi iklan. Selain itu, ChatGPT juga digunakan untuk menambah gagasan, saran, dan bantuan dalam menyusun teks yang menarik dan persuasif bagi audiens. ChatGPT sebagai Tool Digital Marketing 7. Semrush Semrush merupakan tool search engine optimization (SEO) yang berguna dalam digital marketing. Semrush memiliki beberapa fitur andalan, seperti position tracking pages, SEO content, template content, on-page SEO checker, competitive research, content optimization dan fitur lainnya. Dengan menggunakan Semrush, kamu dapat menganalisis persaingan, melakukan riset kata kunci, meningkatkan SEO, mengelola backlink, mendapatkan wawasan pasar, dan menganalisis performa kampanye. Semrush sebagai Tool Digital Marketing 8. Leadpages Leadpages merupakan tool yang membantu kamu membuat landing page. Leadpages menyediakan banyak template, sehingga kamu bisa memilih template dan melakukan editing drag-and-drop untuk kustomisasi seusai dengan kebutuhan bisnismu. Leadpages dapat terintegrasi dengan berbagai tools dan platform digital marketing lainnya, termasuk sistem CRM (Customer Relationship Management), webinar platforms, analitik, dan sistem pembayaran. Hal ini memungkinkan kamu untuk mengotomatisasi alur kerja pemasaran dan menyinkronkan data dengan tools lain yang kamu gunakan. Leadpages sebagai Tool Digital Marketing 9. Ahrefs Ahrefs merupakan salah satu tool digital marketing yang digunakan untuk mengoptimasi SEO dan meningkatkan traffic situs web. Ahrefs menyediakaan berbagai fitur, seperti content gap tools, rank tracker, site explorer, dan fitur lainnya. Dengan menggunakan tool ini kamu bisa meningkatkan peringkat SEO situs webmu. Ahrefs sebagai Tool Digital Marketing 10. Trello Trello merupakan tool digital marketing yang digunakan untuk mengelola proyek sederhana. Dalam konteks digital marketing, Trello dapat digunakan untuk mengelola proyek kampanye, peluncuran produk, atau acara pemasaran. Kamu dapat membuat papan kerja yang mencakup langkah-langkah proyek, tenggat waktu, dan tanggung jawab. Selain itu, Trello juga dapat digunakan sebagai tempat menyimpan ide-ide dan inspirasi pemasaran. Trello sebagai Tool Digital Marketing Kesimpulan Sekarang kamu sudah mengetahui tools apa saja yang dibutuhkan dalam digital marketing. Tools ini dapat kamu gunakan sesuai dengan kebutuhan bisnismu. Untuk menjadi seorang digital marketing specialist, kamu harus bertanggung jawab dalam menyusun strategi digital marketing yang terstruktur dan terarah. Kamu bisa coba memulai dengan belajar pada kelas yang sudah disediakan BuildWithAngga seperti kelas Mastering Digital Marketing: Facebook and Instagram Ads dan kelas Introduction to Social Media Marketing for Beginner.

Kelas Learn and Earn: Kelas Freelance Website Developer 2023 di BuildWith Angga

Learn and Earn: Kelas Freelance Website Developer 2023

Goals BuildWithAngga sedang meningkatkan kualitas belajar pada kelas gratis, oleh karena itu kami butuh bantuan Anda untuk memberikan feedback pada materi kelas Freelance Website Developer with WordPress Elementor. Tata Cara Selesaikan materi dan projek pada kelas berikut Freelance Website DeveloperDokumentasikan hasil belajar projek kelas tersebut, boleh berupa video di upload ke YouTube atau Live websiteTulis feedback dengan details terkait materi kelas tersebut tentang apa yang perlu ditingkatkan lagi oleh tiap mentor, semakin details semakin bagus.Lalu submit hasil challenge pada form berikut Form Submit Freelance WP Pemenang Kami akan memilih 5 pemenang dengan kriteria berikut: Sudah mengikuti minimal 1 kelas Premium di BuildWithAnggaMemberikan feedback yang details sehingga mudah dipahami oleh kamiMenyertakan nomor HP untuk kami berikan hadiah Rp 100.000 per orang Tanggal Dibuka pada tanggal 8 Juni dan ditutup pada tanggal 22 Juni 2023. Pemenang diumumkan melalui Instagram BuildWithAngga pada tanggal 1 Juli 2023.

Kelas [TUTUP. SUDAH DIISI.] Paid Internship Graphic Designer WFA di BuildWith Angga

[TUTUP. SUDAH DIISI.] Paid Internship Graphic Designer WFA

Goals Mendesain kebutuhan marketing seperti thumbnail kelas, screenshots, postingan Instagram, dan juga sebagainya menggunakan software Figma bersama copywriter dan lainnya. Responsibilities Mendesain thumbnail kelasMendesain screenshot kelasMendesain postingan Instagram 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 Benefits Belajar hal baru pada sebuah real-world projectUang kompensansi/jajan bulananAkses beberapa kelas Premium (gratis) Challenge Pelajari design taste yang disukai oleh BuildWithAngga pada file Figma https://www.figma.com/file/7BNY2WApVeb4I5fQJPQmu4/BuildWithAngga-Design-Taste?type=design&node-id=0%3A1&t=c0K29gzYlnotAcly-1Setelah itu buatlah postingan Instagram sederhana (bebas berapa slide) terkait UI UX atau Website DevelopmentExport hasil design .PNG lalu jadikan .ZIP dan kirim via email How to Apply Siapkan Resume (CV) & Hasil test dengan rapihIsi subject email dengan Magang Graphic Designer Juni 2023Kirim lamaran ke email [email protected] semoga menjadi tercepat dan terbaik Lowongan dibuka pada tanggal 1 Juni 2023 dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok. Informasi penerimaan akan diumumkan pada Instagram BuildWith Angga, stay tuned.

Kelas Glosarium CSS Web Design di BuildWith Angga

Glosarium CSS Web Design

Hello, people with the spirit of learning. Ketika ingin membuat suatu website seorang programmer tidak hanya membutuhkan kemampuan yang logis untuk berpikir, tetapi juga membutuhkan kreatifitas yang tinggi. Hal ini karena desain yang menarik dan estetik dapat menarik perhatian pengguna dan membuat mereka lebih tertarik untuk menjelajahi halaman web kita. Seorang programmer yang kreatif dapat menciptakan tata letak yang menarik, penggunaan warna yang tepat, dan elemen desain yang menarik untuk meningkatkan pengalaman visual pengguna. Untuk membuat desain yang menarik bisa menggunakan CSS. Glosarium CSS Web Design Glosarium CSS Web Design ini akan membantu kamu untuk mengingat dan memahami materi tentang CSS. Sebelum mulai, baiknya kita berkenalan terlebih dahulu dengan bahasa pemrograman yang satu ini. Karena ada pepatah mengatakan tak kenal maka tak sayang. Yuk simak penjelasan di bawah ini. Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) pertama kali diperkenalkan oleh *World Wide Web Consortium* (W3C) pada 17 Desember 1996. CSS adalah bahasa pemrograman yang digunakan untuk mengatur tampilan halaman web di browser. CSS memudahkan kita dalam mengatur jenis font, warna tulisan, dan latar belakang halaman. CSS digunakan bersamaan dengan bahasa markup, seperti HTML untuk membangun suatu website. Hubungan Antara HTML dan CSS HTML dan CSS memiliki kaitan yang sangat erat. Jika kita analogikan maka HTML dapat diibaratkan sebagai konten atau isi dari buku, sedangkan CSS dapat diibaratkan sebagai tata letak dan gaya buku tersebut. Sebagai konten, HTML memuat elemen yang membentuk inti dari buku tersebut. Konten ini serupa dengan struktur dan elemen-elemen dalam HTML yang membentuk halaman web. HTML digunakan untuk membangun dan mengorganisir struktur konten di halaman web, seperti paragraf, judul, dan tautan. Sedangkan CSS berperan sebagai tata letak dan gaya dalam buku mencakup hal-hal seperti penataan teks, pemformatan, ukuran huruf, gaya penulisan, penggunaan warna, dan sebagainya. Tanpa CSS, halaman web akan memiliki tampilan standar yang mungkin terlihat monoton dan tidak menarik. HTML sendiri hanya memberikan struktur dan konten dasar, sementara CSS memberikan kemampuan untuk mengatur tampilan dan presentasi elemen-elemen HTML tersebut. Dengan menggunakan CSS kamu tidak harus pusing-pusing mengutak-atik HTML saat harus memprogram ulang tampilan halaman webmu. Dengan demikian, CSS dan HTML memiliki kaitan yang sangat erat karena keduanya bekerja bersama-sama untuk menciptakan tampilan yang menarik dan fungsional dalam pengembangan web. 20 Istilah CSS Web Design yang Harus Kamu Ketahui Glosarium CSS Web Design menyediakan istilah-istilah umum yang sering digunakan dalam dunia desain website. Berikut 20 istilah umum dalam glosarium CSS untuk desain web. Animation: Teknik yang digunakan untuk memberikan animasi pada elemen dalam halaman web dengan menggunakan keyframes dan properti animasi.Border: Garis yang mengelilingi konten dan padding sebuah elemen.Border Radius: Properti dalam CSS yang digunakan untuk mengatur sudut melengkung dari elemen yang memiliki border.Cascading Style Sheets (CSS): Bahasa pemrograman yang digunakan untuk mengontrol tampilan dan presentasi elemen-elemen dalam halaman web.Class: Nama yang diberikan kepada kelompok elemen yang memiliki atribut dan gaya yang sama.CSS External: Metode pemberian gaya pada elemen HTML dengan menggunakan file terpisah yang berisi kode CSS. Contoh kode program external CSS pada file style.css Contoh kode program external CSS pada file index.html CSS Inline: Metode pemberian gaya pada elemen HTML dengan menggunakan atribut style di dalam file HTML dan hanya mempengaruhi satu baris kode HTML. Contoh kode program Inline CSS CSS Internal: Metode pemberian gaya pada elemen HTML dengan menempatkan kode CSS di dalam bagian <style> di dalam elemen <head> dari dokumen HTML dan berfungsi untuk menentukan tampilan sebuah halaman.</code></strong> di dalam elemen <strong><code><head></code></strong> dari dokumen HTML dan berfungsi untuk menentukan tampilan sebuah halaman.</li></ul> Contoh kode program Internal CSS Display: Properti CSS yang mengontrol bagaimana sebuah elemen ditampilkan di dalam layout, seperti inline, block, atau inline-block.Float: Properti yang digunakan untuk mengatur bagaimana elemen akan mengapung (float) di sekitarnya.Gradient Background: Teknik yang digunakan untuk membuat efek perubahan warna yang halus dari satu warna ke warna lainnya pada latar belakang elemen.Grid: Metode tata letak dalam CSS yang memungkinkan pengembang untuk membuat tata letak dua dimensi dengan menggunakan baris dan kolom.Height: Properti yang digunakan untuk mengatur tinggi (height) sebuah elemen.Margin: Ruang di sekitar elemen yang memisahkannya dari elemen lain. Perbedaan letak margin, border, padding, dan content pada CSS Padding: Ruang di antara konten dan border sebuah elemen.Property (Properti): Bagian dari aturan CSS yang mengatur gaya atau karakteristik tertentu dari elemen yang dipilih.Pseudo-class: Selektor khusus dalam CSS yang memilih elemen berdasarkan keadaan atau interaksi tertentu, seperti :hover, :active, atau :focus.Selector: Bagian dari aturan CSS yang digunakan untuk memilih elemen atau kelompok elemen yang akan diberi gaya.Transform: Properti CSS yang digunakan untuk melakukan transformasi pada elemen, seperti rotasi, skala, atau translasi.Width: Properti yang digunakan untuk mengatur lebar (width) sebuah elemen. Kesimpulan CSS adalah adalah bahasa pemrograman yang digunakan untuk mengatur tampilan halaman web di browser. Dengan menggunakan CSS, kamu dapat menciptakan tampilan website yang menarik, responsif, konsisten, dan efisien, serta memberikan kontrol yang lebih besar dalam mengatur tampilan dan tata letak elemen-elemen dalam halaman web. Kamu bisa belajar CSS dengan mencoba mengikuti kelas yang sudah disediakan BuildWithAngga seperti CSS Website Design dan HTML CSS Bootstrap 5: Finance Landing Page Website.

Kelas Glosarium HTML5 Web Development di BuildWith Angga

Glosarium HTML5 Web Development

Hello, people with the spirit of learning. Web development adalah proses pembuatan, pengembangan dan pemeliharaan situs website. Hal ini melibatkan serangkaian tugas dan kegiatan yang dilakukan untuk membuat situs web berfungsi dengan baik, terlihat menarik, dan memberikan pengalaman yang baik bagi pengguna. Pada ebook HTML5 Web Development, kita sudah mempelajari materi tentang HTML5. Bagi seorang pemula yang baru mempelajari HTML5, glosarium ini dapat membantu kamu untuk mempermudah memahami dan mengingat materi yang ada pada ebook HTML5. Yuk simak penjelasan di bawah ini. Glosarium HTML5 Web Development Glosarium HTML5 web development menyediakan istilah-istilah yang sering digunakan pada bidang pemrograman web. Memahami istilah-istilah HTML5 ini akan membantu kamu dalam membangun halaman web yang sesuai dengan standar HTML5 dan memanfaatkan fitur-fitur baru yang disediakan. Anatomi elemen HTML 20 Istilah HTML5 Web Development yang Harus Kamu Ketahui Anchor hyperlink: Elemen dalam HTML yang digunakan untuk membuat tautan atau link antara halaman-halaman web atau bagian-bagian dalam halaman yang sama.Atribut (Attribute): Atribut yang ditempatkan di dalam tag HTML digunakan untuk memberikan informasi tambahan tentang elemen, seperti class, id, src, href, dan lainnya.Catatan kaki (Footer): Elemen HTML <foooter> digunakan untuk menempatkan informasi terkait dengan bagian bawah halaman web, seperti hak cipta. Contoh footer di HTML Daftar (List): Elemen HTML <ul> (daftar tak-berurutan) dan <ol> (daftar berurutan) digunakan untuk membuat daftar item.Element (Element): Bagian dari struktur halaman web yang dibatasi oleh tag pembuka dan tag penutup, seperti <h2>Ini adalah judul</h2>.Formulir (Form): Elemen dan atribut dalam HTML5 yang digunakan untuk membuat formulir interaktif, seperti input text, checkbox, radio button, select, dan lainnya.Gambar (Image): Elemen HTML <img> digunakan untuk menyisipkan gambar ke dalam halaman web.Header: Elemen HTML <header> digunakan untuk menandai atau mengelompokkan konten yang merupakan bagian header dalam sebuah halaman HTML. Header di HTML HTML (Hypertext Markup Language): Bahasa markup yang digunakan untuk membangun struktur dan tata letak halaman web.ID: Atribut dalam elemen HTML yang digunakan untuk memberikan pengenal unik kepada elemen tersebut, sehingga dapat diberi gaya dengan CSS dan digunakan dalam JavaScript.Kelas (Class): Atribut dalam elemen HTML yang digunakan untuk memberikan identifikasi atau kategori pada elemen tersebut, kemudian dapat digunakan untuk menggambarkan atau mengatur tampilan dan perilaku elemen tersebut melalui CSS atau JavaScript.Markup Language: Bahasa yang menggunakan tag dan elemen untuk memberikan struktur dan tata letak pada konten dalam halaman web.Navigation: Elemen HTML <nav> digunakan untuk membantu pengguna dalam berpindah antara halaman atau bagian-bagian yang berbeda dalam sebuah situs web. Navigation di HTML Paragraf: Elemen HTML <p> digunakan untuk menampilkan teks dalam bentuk paragraf.Progress bar: Elemen HTML <progress> digunakan untuk menampilkan visualisasi grafis dari kemajuan atau status proses yang sedang berlangsung.SEO (Search Engine Optimization): Teknik yang digunakan untuk meningkatkan visibilitas dan peringkat halaman web dalam hasil pencarian mesin pencari.Semantik: Penggunaan tag HTML sesuai dengan makna dan fungsi yang sebenarnya, untuk memberikan struktur yang bermakna pada halaman web.Tabel: Elemen HTML <table> digunakan untuk membuat tabel dalam halaman web.Tag: Kode dalam HTML yang digunakan untuk menandai dan mengelompokkan bagian-bagian konten, seperti <div>, <p>, <h1>, dan lainnya.Text formatting: Pengaturan tampilan dan gaya teks pada halaman web, seperti <b> untuk membuat teks menjadi tebal. Text Formatting di HTML Kesimpulan HTML adalah bahasa markup yang digunakan untuk membuat struktur dan konten dari halaman web. Hal ini membuat HTML menjadi fondasi yang sangat penting dalam pengembangan web. Dalam pengembangan web, HTML bekerja bersama dengan CSS dan JavaScript untuk menciptakan pengalaman pengguna yang menarik. Glosarium di atas telah memberikan definisi dasar untuk istilah yang paling umum digunakan dalam materi HTML5 Web Development. Hal ini bertujuan untuk memudahkan pemahaman programmer pemula dalam belajar HTML. Dengan pengetahuan ini, kamu bisa memulai membuat website yang responsif dan kreatif sesuai dengan kebutuhanmu. Kamu bisa belajar HTML dengan mencoba mengikuti kelas yang sudah disediakan BuildWithAngga seperti HTML5 Dasar, Convert HTML ke React JS Framework dan On Page SEO & Semantic HTML. Good luck🔥.

Kelas Mengenal Usability Testing dalam Desain Produk di BuildWith Angga

Mengenal Usability Testing dalam Desain Produk

Dalam dunia bisnis dan teknologi, keberhasilan sebuah produk sangat bergantung pada seberapa baik produk tersebut memenuhi kebutuhan dan preferensi penggunanya. Meskipun kamu membuat produk yang sangat inovatif, tetapi jika pengguna tidak dapat dengan mudah menggunakannya, besar kemungkinan produk kamu akan gagal. Oleh karena itu, usability testing sangat penting dalam pengembangan produk. Mengenal Usability Testing dalam Desain Produk Dalam pengembangan produk digital terdapat beberapa tahapan yang tidak boleh dilewatkan karena dapat mempengaruhi hasil akhir produk yang akan dirilis. Salah satu tahapan penting tersebut adalah usability testing. Usability testing untuk desain aplikasi Mungkin saat ini kamu akan bingung dengan istilah ini, namun apabila kamu tertarik menjadi seorang Product Manager, UX Writer, atau profesi lain yang berkaitan dengan bidang design produk, maka penting bagi kamu untuk mengetahui apa itu usability testing dan bagaimana penerapannya dalam proses design. Apa itu usability testing? Usability testing adalah metode evaluasi yang digunakan dalam desain UX (User Experience) untuk mengukur sejauh mana sebuah produk dapat digunakan dan disukai user. Tujuan usability testing adalah untuk mengidentifikasi masalah dan hambatan yang dialami oleh user saat menggunakan suatu produk. Diskusi untuk melakukan usability testing Proses usability testing melibatkan pengumpulan data kualitatif dan kuantitatif melalui pengamatan langsung terhadap user yang melakukan tugas-tugas tertentu dengan menggunakan produk yang sedang diuji. Seseorang yang bertanggung jawab untuk melakukan usability testing ini disebut dengan UX Researcher. Usability testing dapat dilakukan secara iteratif selama proses pengembangan produk, sehingga memungkinkan designer untuk terus meningkatkan UI dan UX serta memastikan bahwa produk dapat memuaskan pengguna dari segi efektifitas dan efesiensinya. Mengapa Usability Testing Penting untuk dilakukan? Usability testing untuk improve produk Melalui usability testing, tim dapat mengumpulkan umpan balik langsung dari user mengenai pengalaman mereka dalam menggunakan produk. Umpan balik ini sangat berharga dalam memahami kebutuhan, preferensi, dan harapan pengguna. Dengan begitu, tim desain dan pengembangan dapat mengambil langkah-langkah konkret untuk meningkatkan desain produk. Ini dapat melibatkan pengubahan tata letak, perubahan ikon, penyederhanaan navigasi, peningkatan keterbacaan teks, atau perbaikan lainnya. Dengan memperbaiki masalah-masalah yang diidentifikasi melalui tes, diharapkan akan membantu mengurangi frustrasi yang mungkin dialami saat menggunakan produk. Bersama tim merencanakan usability testing Usability testing juga membantu dalam mengidentifikasi area di mana user mungkin mengalami kesulitan atau kebingungan saat menggunakan produk. Diharapkan produk dapat menjadi lebih mudah digunakan, efisien, dan efektif sehingga meningkatkan produktivitas user. Melakukan usability testing secara teratur selama proses pengembangan produk dapat membantu mengidentifikasi masalah sejak dini. Dengan mengatasi masalah tersebut sebelum produk diluncurkan, tim dapat mengurangi biaya dan waktu yang diperlukan untuk perbaikan setelah produk sudah berada di pasar. Langkah-langkah dalam Proses Usability Testing Setelah mengetahui apa itu usability testing dan manfaatnya dalam pengembangan produk, maka kamu juga perlu memahami proses yang dilakukan dalam usability testing. 1. Perencanaan Merancang tahapan usability testing Pada tahap ini kamu perlu menentukan tujuan dan lingkup usability testing, serta merumuskan pertanyaan untuk diberikan kepada calon peserta. Selain itu kamu perlu menentukan jenis user yang akan diuji (user persona). Keputusan yang dibuat di awal proses pengujian akan menentukan cara penguji menjalankan proses tersebut dan hasil yang akan didapatkan. Informasi yang sudah didapatkan nantinya dikumpulkan didalam satu tempat terpusat agar mudah diakses dan digunakan sebagai panduan utama mengerjakan langkah selanjutnya. 2. Merekrut peserta Selanjutnya adalah menentukan siapa yang akan menggunakan aplikasi ataupun software yang akan dibuat. Cari peserta yang sesuai dengan user persona yang telah ditentukan sebelumnya. Komunikasikan tujuan dan jadwal sesi kepada peserta yang dipilih dan pastikan mereka siap untuk berpartisipasi. 3. Mendesain task Tim mendesain task untuk usability testing Pada tahap ini, kamu akan merancang sesi usability testing yang meliputi skenario tugas yang spesifik, instruksi kepada peserta, dan kriteria penilaian. Kamu juga dapat merencanakan metode pengumpulan data seperti observasi, wawancara, atau penggunaan alat perekam layar. 4. Lakukan Sesi Usability Testing Tahapan keempat adalah melakukan sesi usability testing, dimana pada tahap ini sebagai penguji harus mengikuti protokol yang ditetapkan dengan setiap peserta. Ketika sesi dimulai, jelaskan kepada peserta tentang tujuan pengujian, jamin kerahasiaan dan instruksikan mereka bagaimana berinteraksi dengan produk. Kemudian amati dan catat interaksi, kesalahan yang dilakukan setiap peserta. 5. Analisis dan Evaluasi Analisis hasil usability testing Langkah yang terakhir setelah mengumpulkan semua data yang dibutuhkan untuk menganalisa hasil dan membuat kesimpulan. Saat memeriksa data, tentukan masalah yang paling sering dihadapi pengguna untuk pemeriksaan lebih lanjut. Hal terpenting adalah memprioritaskan masalah utama yang perlu segera diselesaikan dan pelajari pola atau tren yang muncul dari data. Kesimpulan Sekarang kamu sudah memahami sekilas mengenai usability testing dalam desain produk. Proses ini dapat kamu terapkan untuk rencana pengembangan produk kamu kedepannya. Untuk menjadi seorang UX Research yang handal, penting untuk terus konsisten berlatih dan membangun portofolio yang kemungkinan disukai oleh calon klien. Kamu bisa coba mulai dengan belajar pada kelas yang sudah disediakan BuildWithAngga seperti User Experience Design: Usability-Testing 101 dan kelas Bootcamp UI/UX Designer - Zero to Usability Testing.

Kelas Learn and Earn: Ebook HTML 5 Website Development di BuildWith Angga

Learn and Earn: Ebook HTML 5 Website Development

EVENT CLOSED. PEMENANG AKAN SEGERA DI-UPDATE. Goals BuildWithAngga ingin membantu mereka yang ingin belajar melalui teks dibandingkan video pada kelas Premium kami umumnya. Oleh karena itu kami membutuhkan bantuan kalian untuk mempelajari Ebook HTML5 Website Development buatan BuildWithAngga dan mengikuti step-by-step untuk memberikan feedback yang dapat meningkatkan kualitas ebook tersebut. Tata Cara Pelajari ebook berikut HTML 5 Website DevelopmentBuatlah .ZIP projek hasil belajar dari ebook tersebutIsi form feedback pada link berikut joinbwa.com/fbehtml Pemenang Kami akan memilih 10 pemenang dengan kriteria berikut: Sudah mengikuti minimal 1 kelas PremiumMemberikan feedback yang details sehingga mudah dipahami oleh kamiMenyertakan nomor HP untuk kami berikan saldo Rp 50.000 per orang Tanggal Dibuka pada tanggal 20 Mei dan ditutup pada tanggal 1 Juni 2023. Pemenang diumumkan melalui Instagram BuildWithAngga pada tanggal 10 Juni 2023.

Kelas Lowongan Magang Jr Partnership Mentor (WFA) di BuildWith Angga

Lowongan Magang Jr Partnership Mentor (WFA)

Lowongan magang telah dibuka kembali untuk 2 orang. Goal Melakukan riset profile-profile mentor dan mengajak mereka untuk bergabung dengan cara membuka kelas di BuildWithAngga. Menjelaskan benefit utama apa saja yang akan mereka dapatkan apabila bergabung dengan BuildWithAngga. Responsibilities Melakukan riset mentor-mentor IndonesiaMeng-approach mereka untuk bergabungMenjelaskan benefit unggulan mengajar di BWAMengikuti guideline yang sudah tersedia 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 4Fresh graduate (Sarjana/SMA) boleh applySudah mengikuti setidaknya 1 kelas Premium di BuildWithAngga untuk memastikan bahwa kamu telah terbiasa dengan BuildWithAngga Benefits Akses seluruh kelas PremiumMagang secara online dari rumahBelajar hal baru pada sebuah real-world projectBelajar hal baru dari mentor kelasUang kompensansi/jajan bulananUang komisi jutaan rupiah apabila mencapai target Challenge Pelajari dokumen penting terkait cara mengajar dan benefit mentor di bawah ini: joinbwa.com/formentorjoinbwa.com/faqmentorjoinbwa.com/teach Setelah kamu berhasil memahami ketiga dokumen di atas, coba susun kalimat yang akan digunakan untuk mengirim email kepada mentor Andi Setiawan agar beliau mau membuka kelas Flutter Development di BuildWithAngga. Tulislah copywriting tersebut di Notion.so lalu siapkan link yang dapat diakses secara publik. How to Apply Jika sudah menyelesaikan tugas sederhana di atas, silahkan apply. Siapkan Resume (CV) & Link hasil test dengan rapihIsi body email dengan link hasil test di atasIsi subject email dengan Magang Jr Partnership 2023Kirim lamaran ke email [email protected] semoga menjadi tercepat dan terbaik Lowongan dibuka pada tanggal 31 Mei 2023 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 BuildWith Angga. Terima kasih.

Kelas Konsep Migration pada Laravel di BuildWith Angga

Konsep Migration pada Laravel

Pada saat mengembangkan aplikasi dengan framework Laravel, kita seringkali menggunakan database untuk melakukan pengaturan struktur database dan data awal seperti membuat tabel, menambahkan kolom pada tabel, dan mengubah tipe data kolom pada tabel. Hal tersebut tentu cukup merepotkan bila kita melakukannya secara manual. Untuk itu, Laravel menyediakan solusi berupa suatu fitur yang sangat berguna untuk mengatasi masalah tersebut, yaitu Migration. Pada artikel kali ini, kita akan membahas Konsep Migration pada Laravel secara detail. Konsep Migration pada Laravel Migration pada Laravel merupakan sebuah fitur yang dapat membantu kita mengelola database secara efisien dengan menggunakan kode. Migration membantu kita dalam membuat (create), mengubah (edit), dan menghapus (delete) struktur tabel dan kolom pada database milik kita dengan cepat dan mudah. Dengan Migration, kita juga dapat melakukan perubahan pada struktur database tanpa harus menghapus data yang ada. Tentu saja hal ini membuat pengembangan aplikasi menjadi lebih mudah terutama dalam mengatasi perubahan kebutuhan yang muncul selama proses pengembangan aplikasi kita. Contoh Migration pada Laravel Konsep Migration pada Laravel adalah sebuah mekanisme yang memudahkan pengelolaan struktur database dalam pengembangan aplikasi. Migration memungkinkan kita untuk mengelola perubahan pada struktur database dan menyimpannya pada file yang dapat dijalankan dengan mudah di lingkungan lain. Dalam konsep Migration pada Laravel, perubahan yang dilakukan pada struktur database dicatat dalam file Migration yang terdiri dari kode PHP untuk membuat tabel, mengubah kolom, atau menghapus kolom, serta instruksi untuk mengisi data awal jika diperlukan. Setiap file Migration harus memiliki nama unik dan berisi kode untuk mengubah database sesuai dengan perubahan yang diinginkan. Membuat Migration pada Laravel Setiap Migration pada Laravel disimpan pada direktori database/migrations. Migration biasanya memiliki dua method utama, yaitu up dan down. Method up digunakan untuk mendefinisikan perubahan yang akan dilakukan pada skema database. Sedangkan method down digunakan untuk mendefinisikan pembatalan perubahan yang akan dilakukan pada skema database. <?php use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; use Illuminate\Support\Facades\Schema; return new class extends Migration { /** * Run the migrations. */ // Method up public function up(): void { // Membuat tabel camps Schema::create('camps', function (Blueprint $table) { // Membuat kolom id $table->id(); // Membuat kolom title $table->string('title'); // Membuat kolom slug $table->string('slug'); // Membuat kolom created_at dan updated_at $table->timestamps(); }); } /** * Reverse the migrations. */ // Method down public function down(): void { // Menghapus tabel camps Schema::dropIfExists('camps'); } }; Menggunakan Migration pada Laravel Setelah membuat Migration pada Laravel, kita dapat menjalankannya dengan menggunakan command php artisan migrate. Command ini akan menjalankan semua Migration yang sebelumnya belum dijalankan. Selain itu, kita juga dapat mengembalikan Migration dengan menggunakan command php artisan migrate:rollback atau php artisan migrate:rollback --step=2 untuk mengembalikan dua langkah dari Migration terakhir. Kesimpulan Migration pada Laravel adalah salah satu fitur yang sangat membantu kita dalam mengembangkan aplikasi Laravel kita. Kita dapat membuat tabel pada database dan mengelola perubahan pada struktur database kita dengan efisien dan mudah. Dalam proses pengembangan, Migration sangat penting untuk memudahkan developer dalam membangun dan mengelola database, serta meminimalkan kesalahan dalam migrasi dan memastikan integritas data. Dengan memahami pengetahuan tentang konsep Migration pada Laravel, kita dapat mengembangkan aplikasi yang cepat, mudah diatur, dan lebih stabil.