Forwarded from Dicoding Indonesia via @like
Pendaftaran Bangkit 2022 dari Google, sudah dibuka 😍
Di YT Live ini, dapetin info + tanya jawab seputar program kesiapan karier ini 🤩
*HARI INI* Jumat, 3 Des pkl 16 - 17.30 WIB di bit.ly/bangkit22LIVE
Di YT Live ini, dapetin info + tanya jawab seputar program kesiapan karier ini 🤩
*HARI INI* Jumat, 3 Des pkl 16 - 17.30 WIB di bit.ly/bangkit22LIVE
Melihat konfigurasi dan ekstensi yang biasa dipakai oleh web developer pada text editor VS Code, bersama channel Web Programming Unpas
https://youtu.be/CCe-lIfFQXg
#wpu #vscode #extension
https://youtu.be/CCe-lIfFQXg
#wpu #vscode #extension
YouTube
3 Extension VSCODE untuk WEB DEVELOPER
Extension VSCODE untuk Web Developer
Theme:
- Mayukai
https://github.com/GulajavaMinistudio/Mayukai-Theme
Font:
- Hack
https://sourcefoundry.org/hack/
https://github.com/source-foundry/Hack
- Source Code Pro
https://fonts.google.com/specimen/Source+Code+Pro…
Theme:
- Mayukai
https://github.com/GulajavaMinistudio/Mayukai-Theme
Font:
- Hack
https://sourcefoundry.org/hack/
https://github.com/source-foundry/Hack
- Source Code Pro
https://fonts.google.com/specimen/Source+Code+Pro…
Latihan panjang membangun aplikasi blog dari dasar dengan Node JS MERN Stack
https://dev.to/aviyel/building-a-mern-stack-simple-blog-site-from-absolute-scratch-5pm
---
Latihan berseri pengenalan Node JS bagi pemula
https://dev.to/aviyel/node-js-from-beginners-to-advance-31id
#nodejs #mern #react #express #blog
https://dev.to/aviyel/building-a-mern-stack-simple-blog-site-from-absolute-scratch-5pm
---
Latihan berseri pengenalan Node JS bagi pemula
https://dev.to/aviyel/node-js-from-beginners-to-advance-31id
#nodejs #mern #react #express #blog
DEV Community
Building a MERN stack simple blog site from absolute scratch 🔥
Even a few years ago, web application development was not what it is today. Nowadays, there are so...
Latihan membuat chatbot dengan Next JS, Tailwind CSS, dan Strapi CMS
https://strapi.medium.com/how-to-create-a-chatbot-assistant-using-nextjs-tailwindcss-and-strapi-96c46457cf51
#strapi #chatbot #tailwind
https://strapi.medium.com/how-to-create-a-chatbot-assistant-using-nextjs-tailwindcss-and-strapi-96c46457cf51
#strapi #chatbot #tailwind
Medium
How to Create a ChatBot Assistant using NextJs, TailwindCss and Strapi
In this tutorial, you will learn how to create a chatbot assistant app using Strapi as a backend and NextJS and TailwindCSS as UI
Latihan dari Josh Comeau tentang apa itu Z Index di CSS dan HTML
https://www.joshwcomeau.com/css/stacking-contexts/
#css #zindex
https://www.joshwcomeau.com/css/stacking-contexts/
#css #zindex
Joshwcomeau
What The Heck, z-index??
The z-index property can be a tricky little bugger. Sometimes, no matter how much you crank up the number, the element never rises to the top! In this article, we explore stacking contexts, and see how they can thwart our efforts to use z-index. We'll also…
Latihan bersama Josh Comeau dalam membuat CSS Reset sendiri
https://www.joshwcomeau.com/css/custom-css-reset/
---
Membuat efek shadow yang baik dan halus dengan CSS
https://www.joshwcomeau.com/css/designing-shadows/
---
#css #reset #shadow
https://www.joshwcomeau.com/css/custom-css-reset/
---
Membuat efek shadow yang baik dan halus dengan CSS
https://www.joshwcomeau.com/css/designing-shadows/
---
#css #reset #shadow
Joshwcomeau
A Modern CSS Reset • Josh W. Comeau
I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!
Latihan bersama Web Dev Simplified dalam membuat game Pong dengan JavaScript, HTML dan CSS
https://youtu.be/PeY6lXPrPaA
#webdevsimplified #pong #game
https://youtu.be/PeY6lXPrPaA
#webdevsimplified #pong #game
YouTube
Beginner JavaScript Game Dev Project
Pong is the perfect beginner friendly game dev project. It has relatively simple logic which means you can focus on the basics of game dev without getting bogged down by complex logic.
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/js…
📚 Materials/References:
GitHub Code: https://github.com/WebDevSimplified/js…
Memperkenalkan library Floating UI, library untuk membantu dengan mudah mengatur posisi layout dan z index di halaman, seperti untuk Toast dan Pop over
https://www.floating-ui.com/
#toast #popup #floatingui
https://www.floating-ui.com/
#toast #popup #floatingui
Josh Comeau memperkenalkan generator untuk membuat element bayangan dengan mudah yaitu Shadow Palette Generator
https://www.joshwcomeau.com/css/introducing-shadow-palette-generator/
#shadow #palette #generator #css #joshComeau
https://www.joshwcomeau.com/css/introducing-shadow-palette-generator/
#shadow #palette #generator #css #joshComeau
Joshwcomeau
Introducing “Shadow Palette Generator”, a tool to help you generate CSS box-shadow values • Josh W. Comeau
In order to create lush, realistic shadows in CSS, we need to use multiple layers and colors. How do we come up with all of the parameters, though? I've built a tool that'll help.
Pengenalan fungsi Reduce di JavaScript Array
https://dev.to/alexdevero/javascript-reduce-method-made-simple-1hb3
---
Tips dan trik dalam penulisan kode JavaScript
https://betterprogramming.pub/3-marvelous-javascript-tips-to-speed-up-the-development-process-ba1bb8e3fb7a
---
Mengenal tentang Object Symbol, tipe baru di JavaScript yang akan sering digunakan.
https://hackernoon.com/understanding-symbol-javascripts-newest-primitive-type
#reduce #tips #symbol
https://dev.to/alexdevero/javascript-reduce-method-made-simple-1hb3
---
Tips dan trik dalam penulisan kode JavaScript
https://betterprogramming.pub/3-marvelous-javascript-tips-to-speed-up-the-development-process-ba1bb8e3fb7a
---
Mengenal tentang Object Symbol, tipe baru di JavaScript yang akan sering digunakan.
https://hackernoon.com/understanding-symbol-javascripts-newest-primitive-type
#reduce #tips #symbol
DEV Community 👩💻👨💻
JavaScript Reduce Method Made Simple
The JavaScript reduce method is one of the most used array methods. It is also a part of functional...
Membuat router halaman untuk aplikasi SPA/PWA dengan JavaScript murni ES2015
https://javascript.plainenglish.io/a-spa-pwa-router-in-pure-vanilla-es6-javascript-e8f79cfd0111
---
Efek samping dari Hoisting yang terjadi di JavaScript dan solusinya
https://javascript.plainenglish.io/3-ways-javascript-hoisting-affects-your-code-a6a93626c600
---
#router #pwa #spa #hoisting
https://javascript.plainenglish.io/a-spa-pwa-router-in-pure-vanilla-es6-javascript-e8f79cfd0111
---
Efek samping dari Hoisting yang terjadi di JavaScript dan solusinya
https://javascript.plainenglish.io/3-ways-javascript-hoisting-affects-your-code-a6a93626c600
---
#router #pwa #spa #hoisting
Medium
A SPA/PWA Router in Pure Vanilla ES6 JavaScript
One of the first and most important reasons people select a JavaScript framework such as Angular, Vue or React for SPAs/PWAs, is the fact…
Tips dan trik dalam menyusun struktur HTML agar mendapatkan skor SEO yang baik
https://levelup.gitconnected.com/semantics-how-i-structure-html-without-divitis-dd0d376f193
#seo #html
https://levelup.gitconnected.com/semantics-how-i-structure-html-without-divitis-dd0d376f193
#seo #html
Medium
How I Structure HTML for better SEO Results
This article shows how I optimize websites using semantic HTML tags to prepare the content for better machine readability.
Latihan dari Traversy Media tentang fitur baru dari React Router versi 6
https://youtu.be/k2Zk5cbiZhg
#react #router
https://youtu.be/k2Zk5cbiZhg
#react #router
YouTube
React Router v6 Major Changes
Quick video on the major changes to React Router.
React Crash Course Repo:
https://github.com/bradtraversy/react-crash-2021
React Front To Back 2022 Course:
https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114
React…
React Crash Course Repo:
https://github.com/bradtraversy/react-crash-2021
React Front To Back 2022 Course:
https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114
React…
Buku panduan lengkap dari Freecodecamp tentang cara menggunakan NGINX di server
https://www.freecodecamp.org/news/the-nginx-handbook/
#nginx #handbook #vps
https://www.freecodecamp.org/news/the-nginx-handbook/
#nginx #handbook #vps
freeCodeCamp.org
The NGINX Handbook – Learn NGINX for Beginners
A young Russian developer named Igor Sysoev was frustrated by older web servers' inability to handle more than 10 thousand concurrent requests. This is a problem referred to as the C10k problem. As an answer to this, he started working on a new web s...
Buku panduan Docker Handbook dari Freecodecamp untuk belajar pengenalan Docker dan Compose nya
https://www.freecodecamp.org/news/the-docker-handbook/
#docker #handbook #freecodecamp
https://www.freecodecamp.org/news/the-docker-handbook/
#docker #handbook #freecodecamp
freeCodeCamp.org
The Docker Handbook – Learn Docker for Beginners
The concept of containerization itself is pretty old. But the emergence of the Docker Engine in 2013 has made it much easier to containerize your applications. According to the Stack Overflow Developer Survey - 2020, Docker is the #1 most wanted plat...
Latihan sederhana membuat aplikasi Fullstack TypeScript dengan Nest dan PostgreSQL
https://itnext.io/full-stack-with-ts-nest-postgres-e684b464dbc5
#nest #typescript #postgresql
https://itnext.io/full-stack-with-ts-nest-postgres-e684b464dbc5
#nest #typescript #postgresql
Medium
Full-Stack with TS / Nest / Postgres
Implement a simple web app with TS, Nest, and PostgreSQL
Latihan panjang membangun aplikasi fullstack JavaScript dengan MERN Stack bersama Freecodecamp
https://www.freecodecamp.org/news/create-a-mern-stack-app-with-a-serverless-backend/
#mern #freecodecamp #nodejs
https://www.freecodecamp.org/news/create-a-mern-stack-app-with-a-serverless-backend/
#mern #freecodecamp #nodejs
freeCodeCamp.org
Create a MERN Stack App with a Serverless Backend
The MERN stack is a popular way to make a full stack web app. MERN stands for MongoDB, Express, React, and Node.js. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to use the MERN stack by building a restaurant review…
Kumpulan beberapa referensi yang beri layanan dan Service untuk membantu pengembangan aplikasi web bagian front end
https://levelup.gitconnected.com/15-handy-bookmarks-to-help-you-with-front-end-web-development-bb0ec5245747
#assets #frontend
https://levelup.gitconnected.com/15-handy-bookmarks-to-help-you-with-front-end-web-development-bb0ec5245747
#assets #frontend
Medium
15 Handy Bookmarks to Help You With Front-end Web Development
Increase your productivity with these useful bookmarks.
Latihan berseri membangun AirBnb dengan Next JS bersama Flavio Copes
https://flaviocopes.com/clone-airbnb-nextjs-2-list-houses/
#airbnb #clone #nextjs #react
https://flaviocopes.com/clone-airbnb-nextjs-2-list-houses/
#airbnb #clone #nextjs #react
Traversy Media merilis course baru untuk belajar React JS yang bernama React Front to Back 2022. Berisi pengenalan React JS dan contoh kasus membuat project berbasis React
https://youtu.be/zXecSGtwmRg
Kelas ini dapat dibeli dengan diskon Udemy dengan tautan kupon berikut
https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACT5DAY
#course #react #udemy
https://youtu.be/zXecSGtwmRg
Kelas ini dapat dibeli dengan diskon Udemy dengan tautan kupon berikut
https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACT5DAY
#course #react #udemy
YouTube
Udemy Course Alert! React Front To Back 2022
PROMO LINK
https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BDEC2021
https://www.udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BDEC2021
Latihan panjang membuat aplikasi pencatat kalori makanan dengan MERN Stack
https://dev.to/aviyel/building-a-calorie-journal-saas-based-project-using-mern-stack-ofe
---
Latihan penting menambahkan Google Recaptcha ke dalam project React dan Node JS
https://javascript.plainenglish.io/integrate-google-recaptcha-v2-invisible-with-react-and-nodejs-9d119c94433b
---
Menggunakan Redux State management di dalam project React JS
https://www.freecodecamp.org/news/how-to-use-redux-for-application-wide-state-management/
#calorie #tracker #react #redux #recaptcha
https://dev.to/aviyel/building-a-calorie-journal-saas-based-project-using-mern-stack-ofe
---
Latihan penting menambahkan Google Recaptcha ke dalam project React dan Node JS
https://javascript.plainenglish.io/integrate-google-recaptcha-v2-invisible-with-react-and-nodejs-9d119c94433b
---
Menggunakan Redux State management di dalam project React JS
https://www.freecodecamp.org/news/how-to-use-redux-for-application-wide-state-management/
#calorie #tracker #react #redux #recaptcha
DEV Community
Building a Calorie Journal SaaS based project using MERN stack 🔥
This blog article concentrates on the most significant tasks and ideas to assist you in better...