Latihan dasar memanipulasi DOM HTML dengan JavaScript
https://itnext.io/javascript-fundamentals-master-the-dom-part-1-82433084fb40
#dom #basic #manipulation
https://itnext.io/javascript-fundamentals-master-the-dom-part-1-82433084fb40
#dom #basic #manipulation
Medium
JavaScript Fundamentals: Master the DOM! (Part 1)
The Document Object Model, or the “DOM”, defines the logical structure of HTML documents & essentially acts as an interface to web pages…
Membuat backend REST API aplikasi web dengan Node.js , MongoDb dan Serverless
https://hackernoon.com/building-a-serverless-rest-api-with-node-js-and-mongodb-2e0ed0638f47
#nodejs #serverless #mongodb
https://hackernoon.com/building-a-serverless-rest-api-with-node-js-and-mongodb-2e0ed0638f47
#nodejs #serverless #mongodb
Hackernoon
Building a Serverless REST API with Node.js and MongoDB | HackerNoon
The Serverless movement has gained a bit of momentum in the past few months. Everybody seems to be talking about it. Some would even call it a revolution! But, let’s not get too excited. Don’t be like me. I get too hyped up about cool stuff like this, and…
Pembaruan teks editor Visual Studio Code 1.32 telah tersedia dan bisa diunduh
Catatan rilisnya :
https://code.visualstudio.com/updates/v1_32
Download dan install VS Code di :
https://code.visualstudio.com/
Beberapa catatan rilisnya :
Catatan rilisnya :
https://code.visualstudio.com/updates/v1_32
Download dan install VS Code di :
https://code.visualstudio.com/
Beberapa catatan rilisnya :
Preview and apply color themes - Install and apply new theme extensions without reloading.#code #vscode #release
Keyboard shortcuts editor improvements - Modify keybinding 'when' conditions in the editor.
Problems panel hover commands - Apply Quick Fixes or open a Peek window directly from hovers.
Preferred Code Actions - Preferred (mostly likely) Code Actions support auto fixing common issues.
Debug Console customization - Modify font size, font family, and line height of the Debug Console.
Better IntelliSense for ARIA attributes - More detailed descriptions for HTML accessibility attributes.
Vue.js interpolations IntelliSense - The Vetur extension now supports smart completions in Vue.js interpolations.
New "Bundling Extensions" topic - Use webpack to improve your extension's load time.
Workbench - Keyboard navigation control, Outline view and breadcrumbs use tree widget.
Editor - Fix All Source Action allows you to fix on save, improved column selection.
Languages - No reload required when installing TypeScript and Markdown extensions.
Extension Authoring - Add commands to the Debug toolbar, track last method signature choice.
Visualstudio
February 2019 (version 1.32)
See what is new in the Visual Studio Code February 2019 Release (1.32)
Melihat fitur VS Code 1.32 untuk autocomplete template di Vue JS
https://scotch.io/bar-talk/vs-code-132-autocomplete-in-vue-templates/
#vue #code #vscode
https://scotch.io/bar-talk/vs-code-132-autocomplete-in-vue-templates/
#vue #code #vscode
Scotch
VS Code 1.32: Autocomplete in Vue Templates
The VS Code 1.32 February update is out now and with it comes some great new features for Vue users. Let's run through the list of features that are in the new 1.32 update: Color themes without reloading
Konvensi penamaan variabel dan fungsi di dalam JavaScript
https://medium.freecodecamp.org/javascript-naming-conventions-dos-and-don-ts-99c0e2fdd78a
#convention #coding #name #function
https://medium.freecodecamp.org/javascript-naming-conventions-dos-and-don-ts-99c0e2fdd78a
#convention #coding #name #function
freeCodeCamp.org
JavaScript naming conventions: do’s and don’ts
I find it amazing how many different meanings we can get from less than 30 characters. I’m talking about the alphabet with some well-placed punctuation, of course. From a love story to a computer program, writing has allowed us to create extraordinarily different…
Infografis tentang teknik lazy loading gambar di halaman web
https://www.reddit.com/r/webdev/comments/axv3ho/infographic_a_complete_guide_on_lazy_loading/
#web #lazy #load #infographic
https://www.reddit.com/r/webdev/comments/axv3ho/infographic_a_complete_guide_on_lazy_loading/
#web #lazy #load #infographic
reddit
[Infographic] A complete guide on Lazy Loading Images
Posted in r/webdev by u/Assaultkoder95 • 1,347 points and 102 comments
Membuat komponen yang modular dengan Structural Directives
https://netbasal.com/create-modular-components-with-angular-structural-directives-1a5198d9ab7d
#angular #directive #component
https://netbasal.com/create-modular-components-with-angular-structural-directives-1a5198d9ab7d
#angular #directive #component
Medium
Create Modular Components with Angular Structural Directives
Manipulasi statistik Medium untuk jumlah trafik yang membaca dengan Node.js
https://levelup.gitconnected.com/fudging-medium-stats-with-nodejs-8c3d176c1610
#nodejs #medium #stats
https://levelup.gitconnected.com/fudging-medium-stats-with-nodejs-8c3d176c1610
#nodejs #medium #stats
gitconnected.com | Level Up Your Coding
Fudging Medium Stats with NodeJS
And hopefully show up in Googles “Articles for You”
Perbandingan antara TypeScript dengan PureScript
https://blog.logrocket.com/typescript-vs-purescript-not-all-compilers-are-created-equal-c16dadaa7d3e
#typescript #purescript
https://blog.logrocket.com/typescript-vs-purescript-not-all-compilers-are-created-equal-c16dadaa7d3e
#typescript #purescript
LogRocket Blog
TypeScript vs. PureScript - LogRocket Blog
There are many ways to skin a cat, and for each one, there is a statically typed language that compiles […]
Membuat layanan web untuk mengubah ukuran gambar dengan Node.js dan Serverless bagian pertama
https://alligator.io/serverless/build-serverless-image-service-part1/
#nodejs #serverless
https://alligator.io/serverless/build-serverless-image-service-part1/
#nodejs #serverless
alligator.io
Build a Serverless Image Resizing Service - Part 1: Project Setup
In this article you'll build an image resizing service in AWS using the Serverless framework.
Latihan penggunaan apply , call , dan bind kepada fungsi di JavaScript
https://medium.freecodecamp.org/how-to-use-the-apply-call-and-bind-methods-in-javascript-80a8e6096a90
#applu #call #bind
https://medium.freecodecamp.org/how-to-use-the-apply-call-and-bind-methods-in-javascript-80a8e6096a90
#applu #call #bind
freeCodeCamp.org
How to use the apply(💅), call(📞), and bind(➰) methods in JavaScript
This article is about the apply call bind methods of the function prototype chain.
Latihan menggunakan Passport JS untuk autentikasi pengguna di Express JS
https://hassansaleh.info/p/8
#express #auth #passport
https://hassansaleh.info/p/8
#express #auth #passport
hassansaleh.info
Express user authentication using passport
In this article, I'm going to teach you how to implement user authentication in your Nodejs Express server using Passport.
Netlify Drop , layanan dari Netlify untuk mempublikasikan aplikasi web ke layanan Serverless Netlify dengan cepat dan mudah.
Layanan
https://app.netlify.com/drop
Demo web
https://thanosjs.org/
Layanan
https://app.netlify.com/drop
Demo web
https://thanosjs.org/
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…