Panduan menjadi fullstack web developer dari Freecodecamp
https://www.freecodecamp.org/news/what-is-a-full-stack-developer-full-stack-engineer-guide/
#fullstack #freecodecamp #developer
https://www.freecodecamp.org/news/what-is-a-full-stack-developer-full-stack-engineer-guide/
#fullstack #freecodecamp #developer
freeCodeCamp.org
What is a Full Stack Developer? Full Stack Engineer Guide
Full-stack developer roles are among the most highly sought after positions in the current job market. But what exactly is full-stack web development, and how do you become a full-stack developer? In this article, you will first learn what the term f...
AnimatiSS , web yang menyediakan layanan contoh kode atau snippet untuk animasi element web dengan CSS
https://xsgames.co/animatiss
#css #animation #snippet
https://xsgames.co/animatiss
#css #animation #snippet
xsgames.co
AnimatiSS
A nice, colorful collection of CSS animations for your projects. Preview animations and click to copy their code!
Latihan penting tentang cara mengembalikan kondisi kode ke commit sebelumnya
https://www.freecodecamp.org/news/git-remove-last-commit-how-to-undo-a-commit-in-git/
#undo #commit
https://www.freecodecamp.org/news/git-remove-last-commit-how-to-undo-a-commit-in-git/
#undo #commit
freeCodeCamp.org
Git Remove Last Commit β How to Undo a Commit in Git
Git is a powerful tool and the most popular version control system. It is how developers and technical teams collaborate and work together on projects. But what happens when you accidentally commit a file and realize that you shouldn't have done that...
VSCheatsheet , web yang menyediakan contekan shortcut di text editor VS Code / Codium
https://www.vscheatsheet.com
#vscode #codium
https://www.vscheatsheet.com
#vscode #codium
Beberapa contoh animasi hover dan overlay dengan CSS beserta contoh kodenya
https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40
#css #animation #overlay #hover
https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40
#css #animation #overlay #hover
DEV Community
100 underline/overlay animations | The ultimate CSS collection π₯
Get tired searching animations for your menu items and links? Search no more! Here is a list of more...
MechVibes, aplikasi sederhana yang menimbulkan suara keyboard mekanik ketika kita mengetik dengan keyboard bawaan laptop.
https://github.com/hainguyents13/mechvibes
#mechvibes #sound
https://github.com/hainguyents13/mechvibes
#mechvibes #sound
GitHub
GitHub - hainguyents13/mechvibes: Mechvibes
Mechvibes. Contribute to hainguyents13/mechvibes development by creating an account on GitHub.
Forwarded from Loteng Dev
Hi, LotengDev Meetup kembali lagi nih. Pada Meetup ke-2 ini, kita akan membahas topik:
- Introduction to Git & Github (Prepare for Haktoberfest)
- State Machine with XState in React
Catat waktu dan tanggalnya yaa..
π Lokasi: Online Google Meet
π Hari/Tanggal: Minggu, 25 September 2022
π Waktu: 20.00 WITA ~ Selesai
π Pendaftaran: https://s.id/LotengdevMeet2
Note: Link Google Meet akan kita bagikan ke Email sebelum hari H.
- Introduction to Git & Github (Prepare for Haktoberfest)
- State Machine with XState in React
Catat waktu dan tanggalnya yaa..
π Lokasi: Online Google Meet
π Hari/Tanggal: Minggu, 25 September 2022
π Waktu: 20.00 WITA ~ Selesai
π Pendaftaran: https://s.id/LotengdevMeet2
Note: Link Google Meet akan kita bagikan ke Email sebelum hari H.
Latihan bagian keenam belajar Webpack bersama Web Programming Unpas tentang Asset Management
https://youtu.be/kFJ3akv5E7M
#wpu #asset #webpack
https://youtu.be/kFJ3akv5E7M
#wpu #asset #webpack
YouTube
6. Assets Management | Belajar Webpack
Mempelajari mengenai plugin MiniCssExtractPlugin, Webpack Dev Server, HTML Loader, dan juga pengelolaan aset di Webpack 5.
CHAPTER:
00:00 Intro
---
Repo Github Code Belajar Webpack
https://github.com/sandhikagalih/belajar-webpack-code
Webpack Cache
hβ¦
CHAPTER:
00:00 Intro
---
Repo Github Code Belajar Webpack
https://github.com/sandhikagalih/belajar-webpack-code
Webpack Cache
hβ¦
Penjelasan dari Academind tentang beberapa perbaikan di dalam React Router versi 6.4
https://www.youtube.com/watch?v=L2kzUg6IzxM
#react #router #academind
https://www.youtube.com/watch?v=L2kzUg6IzxM
#react #router #academind
YouTube
React Router 6.4 - Getting Started
Get started with React Router 6.4, learn how it differs from 6.x and how you can use its amazing new data-fetching (and submission) features!
Learn all about React.js with my full course: https://acad.link/reactjs
Join our Academind Community on Discord:β¦
Learn all about React.js with my full course: https://acad.link/reactjs
Join our Academind Community on Discord:β¦
Beberapa alternatif dari Figma yang perlu dicoba
https://dev.to/wiseai/9-figma-alternatives-for-a-blazingly-fast-increase-in-your-productivity-3g40
#figma #alternative
https://dev.to/wiseai/9-figma-alternatives-for-a-blazingly-fast-increase-in-your-productivity-3g40
#figma #alternative
DEV Community π©βπ»π¨βπ»
9 Figma Alternatives For A Blazingly Fast Increase In Your Productivity.
Many powerful design tools are available on the market, and Figma is undoubtedly one of them....
Latihan pengenalan Docker Container bersama Freecodecamp
https://www.freecodecamp.org/news/what-is-docker-learn-how-to-use-containers-with-examples/
#docker #freecodecamp
https://www.freecodecamp.org/news/what-is-docker-learn-how-to-use-containers-with-examples/
#docker #freecodecamp
freeCodeCamp.org
What is Docker? Learn How to Use Containers β Explained with Examples
By Sebastian Sigl Containers are an essential tool for software development today. Running applications in any environment becomes easy when you leverage containers. The most popular technology for running containers is Docker, which runs on any ope...
Menambahkan element ke dalam index tertentu di dalam Array
https://javascript.plainenglish.io/insert-an-item-into-an-array-at-a-specific-index-68105a484662
---
Mengenal beberapa built in functions di dalam Javascript
https://javascript.plainenglish.io/level-up-your-javascript-skills-with-these-built-in-functions-a15607b72c2b
---
Mengenal design pattern yang bernama Factory pattern di TypeScript
https://javascript.plainenglish.io/design-patterns-factory-method-pattern-in-typescript-c4c3047a6289
β-
#index #array #builtIn #function #factory #pattern
https://javascript.plainenglish.io/insert-an-item-into-an-array-at-a-specific-index-68105a484662
---
Mengenal beberapa built in functions di dalam Javascript
https://javascript.plainenglish.io/level-up-your-javascript-skills-with-these-built-in-functions-a15607b72c2b
---
Mengenal design pattern yang bernama Factory pattern di TypeScript
https://javascript.plainenglish.io/design-patterns-factory-method-pattern-in-typescript-c4c3047a6289
β-
#index #array #builtIn #function #factory #pattern
Medium
Insert an Item into an Array at a Specific Index
A short guide on how to insert an item into an array at a specific index.
Mengenal state management Convex untuk digunakan pada Next JS
https://blog.logrocket.com/using-convex-for-state-management/
#convex #nextjs
https://blog.logrocket.com/using-convex-for-state-management/
#convex #nextjs
LogRocket Blog
A guide to using Convex for state management - LogRocket Blog
Managing an application's state has become easier, but the global state concept is still a pain for developers, which Convex aims to solve.
Kumpulan contekan cheatsheet untuk daftar command Terminal Linux
https://xmind.app/m/WwtB/
#linux #command
https://xmind.app/m/WwtB/
#linux #command
Xmind
LINUX Commands
A Mind Map about LINUX Commands submitted by kPastor on Jul 20, 2015. Created with Xmind.
Latihan membuat aplikasi mobile Linux dengan React JS dan Tauri
https://betterprogramming.pub/pinephone-app-development-a-quick-start-guide-97f2d90a334c
β-
Beberapa tips dalam cara membuat React JS component
https://blog.bitsrc.io/5-steps-to-build-react-components-like-a-pro-fb1f3af6ba17
#reactjs #tauri #mobile #component
https://betterprogramming.pub/pinephone-app-development-a-quick-start-guide-97f2d90a334c
β-
Beberapa tips dalam cara membuat React JS component
https://blog.bitsrc.io/5-steps-to-build-react-components-like-a-pro-fb1f3af6ba17
#reactjs #tauri #mobile #component
Medium
Build Your First Mobile Linux App With React And Tauri
PinePhone App Development: A Quick Start Guide
Cara mengatur posisi text di dalam HTML dengan CSS
https://www.freecodecamp.org/news/how-to-align-text-in-html/
---
Mengenal beberapa selector CSS untuk melakukan styling element
https://www.freecodecamp.org/news/css-combinators-to-select-elements/
#css #style #element #text #align
https://www.freecodecamp.org/news/how-to-align-text-in-html/
---
Mengenal beberapa selector CSS untuk melakukan styling element
https://www.freecodecamp.org/news/css-combinators-to-select-elements/
#css #style #element #text #align
freeCodeCamp.org
How to Align Text in HTML β Text-align, Center, and Justified Example
By Joel Olawanle Text is essential on web pages, as it tells your users what your web page is all about. When you add text to your web page, it dictates the direction and feel of your web page based on your language. For example, by default, Englis...
Penjelasan tentang "this" object pada Javascript
https://blog.bitsrc.io/what-javascript-10x-developers-know-about-this-object-408f467f0497
#this #object
https://blog.bitsrc.io/what-javascript-10x-developers-know-about-this-object-408f467f0497
#this #object
Medium
What 10x JavaScript Developers Know About βthisβ
Understanding these concepts will save you a lot of time debugging tricky issues in JavaScript.
Latihan sederhana menambahkan gambar ke dalam element HTML
https://www.freecodecamp.org/news/html-background-image-how-to-add-wallpaper-images-to-your-website/
---
Pengenalan property text align di dalam CSS pada element HTML
https://www.freecodecamp.org/news/how-to-align-text-in-html/
---
#image #html #align #text
https://www.freecodecamp.org/news/html-background-image-how-to-add-wallpaper-images-to-your-website/
---
Pengenalan property text align di dalam CSS pada element HTML
https://www.freecodecamp.org/news/how-to-align-text-in-html/
---
#image #html #align #text
freeCodeCamp.org
HTML Background Image β How to Add Wallpaper Images to Your Website
Background images can help beautify websites and make them more attractive to users. In this article, you'll learn: * How to add a background image to your website using the CSS background-image property. * Other CSS background properties for images.β¦
Menghindari penggunaan Arrow functions sebagai function di dalam Class
https://dev.to/sakhnyuk/why-you-should-avoid-using-arrow-functions-to-define-class-methods-213e
#class #function
https://dev.to/sakhnyuk/why-you-should-avoid-using-arrow-functions-to-define-class-methods-213e
#class #function
DEV Community
Why you should avoid using arrow functions to define class methods
In this article, we'll learn about JavaScript class methods and why we shouldn't use arrow functions...