Catatan rilis Chrome Developer Tools di browser Google Chrome 73
Video
https://www.youtube.com/watch?v=uddZX9ZK6wY
Blog rilis :
https://developers.google.com/web/updates/2019/01/devtools
#chrome #devtools #release
Video
https://www.youtube.com/watch?v=uddZX9ZK6wY
Blog rilis :
https://developers.google.com/web/updates/2019/01/devtools
- Logpoints
- Detailed tooltips when inspecting nodes
- Export code coverage data
- Navigate the console with a keyboard
- AAA contrast ratio line in the Color Picker
- Save custom geolocation overrides
- Code folding
- Frames tab is now Messages tab
- Filter network resources by properties like domain or file size
#chrome #devtools #release
YouTube
Chrome 73 - What’s New in DevTools
New to DevTools in Chrome 73:
0:12 - Logpoints
1:22 - Detailed tooltips when inspecting nodes
1:52 - Export code coverage data
2:55 - Navigate the console with a keyboard
3:36 - AAA contrast ratio line in the Color Picker
4:24 - Save custom geolocation overrides…
0:12 - Logpoints
1:22 - Detailed tooltips when inspecting nodes
1:52 - Export code coverage data
2:55 - Navigate the console with a keyboard
3:36 - AAA contrast ratio line in the Color Picker
4:24 - Save custom geolocation overrides…
Latihan mempublikasikan aplikasi Progressive Web Apps ke Google Play Store dengan Trusted Web Activities
https://www.youtube.com/watch?v=7JDFjeMvxos
Codelab
https://fireship.io/lessons/pwa-to-play-store/
#pwa #apk #googleplay
https://www.youtube.com/watch?v=7JDFjeMvxos
Codelab
https://fireship.io/lessons/pwa-to-play-store/
#pwa #apk #googleplay
YouTube
PWA to Google Play Store with Trusted Web Activities (TWA)
A quickstart guide for using 🤝🤯 Trusted Web Activities (TWA) to deploy a progressive web app (PWA) to the Google Play Store as a native Android app. https://fireship.io/lessons/pwa-to-play-store/
- Sven Budak's TWA stuff rocks https://medium.com/@svenbudak/this…
- Sven Budak's TWA stuff rocks https://medium.com/@svenbudak/this…
Latihan menggunakan Preload JS untuk memuat aset-aset halaman web
https://www.youtube.com/watch?v=epRI930heds
#preload #library #assets
https://www.youtube.com/watch?v=epRI930heds
#preload #library #assets
YouTube
PreloadJS - Preloading Content with Progress Bars
https://skl.sh/designcourse20 - First 500 people to sign up will get their first 2 months free!
-- Codepen: https://codepen.io/designcourse/pen/OqLROd
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today's question:…
-- Codepen: https://codepen.io/designcourse/pen/OqLROd
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today's question:…
Latihan menggunakan Parcel Bundler untuk mempaketkan aplikasi web ke dalam satu bundle sederhana
https://www.youtube.com/watch?v=OK6akGZCC88
#parcel #bundler
https://www.youtube.com/watch?v=OK6akGZCC88
#parcel #bundler
YouTube
The Parcel Bundler - A SUPER Easy JavaScript Bundler for your Projects
https://skl.sh/designcourse20 - First 500 people to sign up will get their first 2 months free!
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, we're going to take at a super fast and easy to use bundler called…
https://designcourse.com - Learn UI/UX from Scratch with my new service (coming soon)
-- Today, we're going to take at a super fast and easy to use bundler called…
Membuat snippet di Visual Studio Code untuk produktivitas lebih cepat
https://www.youtube.com/watch?v=JIqk9UxgKEc
https://snippet-generator.app/
Sampel snippet
https://gist.github.com/bradtraversy/c3d5c35e77633601bc0ce5646d584fc9
#snippet #vscode #code
https://www.youtube.com/watch?v=JIqk9UxgKEc
https://snippet-generator.app/
Sampel snippet
https://gist.github.com/bradtraversy/c3d5c35e77633601bc0ce5646d584fc9
#snippet #vscode #code
YouTube
Code Faster With Custom VS Code Snippets
In this video we will create custom visual studio code JavaScript snippets with tabstops, placeholders and choices. We will use a fantastic generator tool at https://snippet-generator.app which can also be used for Sublime Text and Atom
Sponsor: Freelancer…
Sponsor: Freelancer…
Tips untuk produktivitas pengembang aplikasi
https://www.youtube.com/watch?v=HSwjGP19rTg
1: Be Less Random
2: Stop Wasting Time
3: Well Planned Project Structure
4: Use Project Management Tools
5: Code Faster
6: Don't Work Too Much & Take Brakes
7: Minimize Distractions
8: Always Be Learning
#productivity #developer #software #engineer
https://www.youtube.com/watch?v=HSwjGP19rTg
1: Be Less Random
2: Stop Wasting Time
3: Well Planned Project Structure
4: Use Project Management Tools
5: Code Faster
6: Don't Work Too Much & Take Brakes
7: Minimize Distractions
8: Always Be Learning
#productivity #developer #software #engineer
YouTube
8 Tips To Increase Developer Productivity
Here are some things that have helped me become more productive in development, business and content creation
Monday.com - http://go.thoughtleaders.io/934120190227
Timestamps:
1: Be Less Random - 1:18
2: Stop Wasting Time - 2:34
3: Well Planned Project…
Monday.com - http://go.thoughtleaders.io/934120190227
Timestamps:
1: Be Less Random - 1:18
2: Stop Wasting Time - 2:34
3: Well Planned Project…
Latihan menggunakan Stripe Elements di Angular untuk membuat fungsi checkout pembelian online
https://www.youtube.com/watch?v=zTj0FZHunNE
Codelab
https://fireship.io/lessons/stripe-elements-angular/
#angular #stripe
https://www.youtube.com/watch?v=zTj0FZHunNE
Codelab
https://fireship.io/lessons/stripe-elements-angular/
#angular #stripe
YouTube
Stripe Elements & Checkout with Angular - Monetize your PWA
Implement Stripe's JavaScript packages to collect 💸 credit cards and payment sources from your frontend Angular code. https://fireship.io/lessons/stripe-elements-angular/
- $10 off Fireship PRO use coupon 4wcebivB https://fireship.io/pro
- Stripe JS htt…
- $10 off Fireship PRO use coupon 4wcebivB https://fireship.io/pro
- Stripe JS htt…
Latihan menggunakan Validator di Express JS Node.js
https://medium.com/@auth0/express-validator-tutorial-d8213f1c1e4
https://auth0.com/blog/express-validator-tutorial/
#express #nodejs #validator
https://medium.com/@auth0/express-validator-tutorial-d8213f1c1e4
https://auth0.com/blog/express-validator-tutorial/
#express #nodejs #validator
Medium
Express Validator Tutorial
TL;DR: In this article, you will learn to validate and sanitize data in your Express.js applications using a set of middleware called…
Membuat pop up ketika teks dipilih sepertihalnya di Medium Blog dengan Vue JS dan CSS
https://medium.freecodecamp.org/how-to-create-a-medium-like-highlight-menu-in-vue-dc515f2dddef
#vue #selector #highlight #popup
https://medium.freecodecamp.org/how-to-create-a-medium-like-highlight-menu-in-vue-dc515f2dddef
#vue #selector #highlight #popup
freeCodeCamp.org
How to Create a Medium-Like Highlight Menu in Vue
by Taha Shashtari How to Create a Medium-Like Highlight Menu in VueA cool feature in Medium is the highlight menu that pops up when you select some text. This menu contains buttons that allow you to perform certain actions on the selected text like highlight…
Menggunakan fungsi Destructuring di JavaScript ES2016
https://medium.com/@codingsam/awesome-javascript-destructuring-assignment-55fd2e9d3dc4
#destructuring #object #es2016
https://medium.com/@codingsam/awesome-javascript-destructuring-assignment-55fd2e9d3dc4
#destructuring #object #es2016
Medium
Awesome Javascript — Destructuring assignment
Javascript is becoming more and more a really cool language. Why? Because of all the features introduced in ES6 (ECMAScript 6 aka…
Beberapa library dan komponen yang dipakai untuk keperluan aplikasi web Angular
https://dev.to/frostqui/my-favorite-angular-libraries-to-use-in-any-project-47ai
#angular #library #component
https://dev.to/frostqui/my-favorite-angular-libraries-to-use-in-any-project-47ai
#angular #library #component
DEV Community
My favorite Angular libraries to use in any project
Post originally written by me in spanish here: Mejores librerías Angular As in...
Cara melakukan operasi CRUD di Angular ke Firebase Firestore
https://itnext.io/how-to-crud-in-angular-firebase-firestore-456353d7c62
#angilar #firebase #firestore #crud
https://itnext.io/how-to-crud-in-angular-firebase-firestore-456353d7c62
#angilar #firebase #firestore #crud
Medium
How to CRUD in Angular + Firebase Firestore
A complete example walk through with code snippets and full code repo
Tips desain yang responsif dari halaman web dengan CSS Grid
https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431
#css #grid #flexbox
https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431
#css #grid #flexbox
freeCodeCamp.org
How to make your HTML responsive by adding a single line of CSS
In this article, I’ll teach you how to use CSS Grid to create a super cool image grid which varies the number of columns with the width of the screen. And the most beautiful part: the responsiveness will be added with a single line of CSS. This means we don’t
Cara eksekusi async dan await di dalam perulangan Array
https://www.coreycleary.me/executing-arrays-of-async-await-javascript-functions-in-series-vs-concurrently/
#array #async #await
https://www.coreycleary.me/executing-arrays-of-async-await-javascript-functions-in-series-vs-concurrently/
#array #async #await
www.coreycleary.me
Executing arrays of async/await JavaScript functions in series vs. concurrently – Corey Cleary
When dealing with an array of async/await functions (which return Promises), it can be tricky to figure out how to execute them all in series (one-at-a-time) and how to call them in concurrently (not one-at-a-time, executed during overlapping time periods).
Membuat fitur lazy loading ketika memuat video berdasarkan kecepatan koneksi internet
https://medium.com/dailyjs/lazy-loading-video-based-on-connection-speed-e2de086f9095
#lazy #load #video #connection #speed
https://medium.com/dailyjs/lazy-loading-video-based-on-connection-speed-e2de086f9095
#lazy #load #video #connection #speed
Medium
Lazy Loading Video Based on Connection Speed
Save us all some bandwidth with this JavaScript method to lazy load videos based on a users connection speed.
Latihan membuat aplikasi web modern dengan Webpack dan Progressive Web Apps
https://medium.freecodecamp.org/how-to-write-simple-modern-javascript-apps-with-webpack-and-progressive-web-techniques-a30354eab214
#webpack #pwa
https://medium.freecodecamp.org/how-to-write-simple-modern-javascript-apps-with-webpack-and-progressive-web-techniques-a30354eab214
#webpack #pwa
freeCodeCamp.org
How to write simple modern JavaScript apps with Webpack and progressive web techniques
Have you thought of making modern JavaScript applications with the simplest setup possible for your next project?
Menggunakan SVG untuk template di komponen Angular, untuk membuat animasi grafik yang interaktif
https://medium.com/@oocx/using-svg-files-as-component-templates-with-angular-cli-ea58fe79b6c1
#svg #template #angular
https://medium.com/@oocx/using-svg-files-as-component-templates-with-angular-cli-ea58fe79b6c1
#svg #template #angular
Medium
Using svg files as component templates with Angular CLI
Use .svg graphics as component templates to dynamically generate interactive graphics.
Menggunakan Docker untuk membangun lingkungan pengembangan berbasis Node.js
https://auth0.com/blog/amp/use-docker-to-create-a-node-development-environment/
#nodejs #docker
https://auth0.com/blog/amp/use-docker-to-create-a-node-development-environment/
#nodejs #docker
Auth0 - Blog
Use Docker to Create a Node Development Environment
Leverage Docker images and containers to create an isolated Node development environment that runs a server
Beberapa latihan berseri untuk memulai belajar Docker
https://dev.to/softchris/5-part-docker-series-beginner-to-master-3m1b
#docker
https://dev.to/softchris/5-part-docker-series-beginner-to-master-3m1b
#docker
DEV Community
5 part Docker series, beginner to master
This is to tell you that I've written a 5 part Docker series that takes you all the way from beginner to proficient in Docker
Teknik load balancing dengan Nginx pada aplikasi Node.js di dalam Docker
https://auth0.com/blog/load-balancing-nodejs-applications-with-nginx-and-docker/
#docker #nginx #nodejs
https://auth0.com/blog/load-balancing-nodejs-applications-with-nginx-and-docker/
#docker #nginx #nodejs
Auth0 - Blog
Load Balancing Node.js Applications with NGINX and Docker
Let's dockerize two instances of a Node.js application and load balance them with NGINX.