Latihan menggunakan CSS Grid untuk membuat tampilan aplikasi web , serta keuntungan nya
https://www.sitepoint.com/css-grid-web-form-layout/
#css #cssgrid #grid
https://www.sitepoint.com/css-grid-web-form-layout/
#css #cssgrid #grid
Sitepoint
The Benefits of Using CSS Grid for Web Form Layout — SitePoint
Craig Buckler discusses form layout in the age of CSS Grid, discussing the difficulties of laying out forms with floats and flexbox, and demonstrating the benefits of grid in terms of form layout, the possibilities it offers, and how and why to take a progressive…
Latihan membuat elemen datatable tanpa jQuery
https://medium.com/frapp%C3%A9-thoughts/things-i-learned-building-a-library-for-the-web-6846a588bf53
#datatable #nojquery #plainjs #vanilla
https://medium.com/frapp%C3%A9-thoughts/things-i-learned-building-a-library-for-the-web-6846a588bf53
#datatable #nojquery #plainjs #vanilla
Medium
Making a new datatable for the web
I was on a mission to remove all the jQuery UI components we used in our application and replace them with lightweight solutions. The only…
Beberapa library dan framework yang membuat JavaScript menjadi lebih populer dan mulai banyak digunakan , jika dibandingkan dengan bahasa pemrograman lainnya
https://www.creativebloq.com/features/25-game-changing-javascript-tools
#tools #library #framework
https://www.creativebloq.com/features/25-game-changing-javascript-tools
#tools #library #framework
Creative Bloq
25 game-changing JavaScript tools
Discover the essential tools that will ease the creation of your next JavaScript project.
Ulasan singkat tentang fitur fitur yang ada di ES2015 yang dapat dipakai langsung di browser modern
https://medium.freecodecamp.org/a-general-review-of-ecmascript-2015-es6-f524d5f8c095
#es6 #es2015
https://medium.freecodecamp.org/a-general-review-of-ecmascript-2015-es6-f524d5f8c095
#es6 #es2015
freeCodeCamp.org
A general review of ECMAScript 2015 (ES6)
ES6 is the newer standardization/version of Javascript, which was released in 2015. It is important to learn ES6, because it has many new…
Tips meningkatkan performa memuat halaman web dari Chrome Developers
Video
https://www.youtube.com/watch?v=5fLW5Q5ODiE
Artikel dan Codelab :
https://developers.google.com/web/tools/chrome-devtools/speed/get-started
https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference
#chrome #devtools #optimization
Video
https://www.youtube.com/watch?v=5fLW5Q5ODiE
Artikel dan Codelab :
https://developers.google.com/web/tools/chrome-devtools/speed/get-started
https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference
#chrome #devtools #optimization
YouTube
Improving Load Performance - Chrome DevTools 101
This tutorial shows you how to use Chrome DevTools to find ways to make your pages load faster.
Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment…
Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment…
Latihan membuat Object JavaScript yang bersifat Singleton dengan menggunakan fungsi Factory
https://medium.freecodecamp.org/how-to-build-reliable-objects-with-factory-functions-in-javascript-9ec1c089ea6f
#factory #object #singleton #freeze
https://medium.freecodecamp.org/how-to-build-reliable-objects-with-factory-functions-in-javascript-9ec1c089ea6f
#factory #object #singleton #freeze
freeCodeCamp.org
How to build reliable objects with factory functions in JavaScript
I suggest to take into consideration these ideas for building reliable objects in JavaScript:
Melakukan unit testing di Angular dengan Jasmine dan Karma
https://scotch.io/tutorials/testing-angular-with-jasmine-and-karma-part-1
#testing #angular #jasmine #karma
https://scotch.io/tutorials/testing-angular-with-jasmine-and-karma-part-1
#testing #angular #jasmine #karma
Digitalocean
Technical tutorials, Q&A, events — This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.
Beberapa catatan rilis dan potongan kode dari fitur fitur baru di Angular 6
https://scotch.io/bar-talk/game-changing-features-of-angular-v6
#angular #release
https://scotch.io/bar-talk/game-changing-features-of-angular-v6
#angular #release
Bagian kedua membuat aplikasi Full Stack TypeScript dengan Nest JS dan Angular
https://auth0.com/blog/full-stack-typescript-apps-part-2-developing-frontend-angular-apps/
Bagian pertama dapat dilihat di
https://auth0.com/blog/full-stack-typescript-apps-part-1-developing-backend-apis-with-nestjs/
#angular #nest #fullstack
https://auth0.com/blog/full-stack-typescript-apps-part-2-developing-frontend-angular-apps/
Bagian pertama dapat dilihat di
https://auth0.com/blog/full-stack-typescript-apps-part-1-developing-backend-apis-with-nestjs/
#angular #nest #fullstack
Auth0 - Blog
Full-Stack TypeScript Apps - Part 2: Developing Frontend Angular Apps
This series shows how to create a simple, full-stack web application with Angular, TypeScript, and Nest.js. Part 2: Developing frontend Angular apps.
Latihan membuat aplikasi web dengan menggunakan Angular dan Golang serta komunikasi dengan REST API
Bagian pertama :
https://auth0.com/blog/developing-golang-and-angular-apps-part-1-backend-api/
bagian kedua :
https://auth0.com/blog/developing-golang-and-angular-apps-part-2-angular-front-end/
#angular #golang #typescript
Bagian pertama :
https://auth0.com/blog/developing-golang-and-angular-apps-part-1-backend-api/
bagian kedua :
https://auth0.com/blog/developing-golang-and-angular-apps-part-2-angular-front-end/
#angular #golang #typescript
Auth0 - Blog
Learn How To Develop To-Do App - Golang and Angular - Pt. 1 Golang API
Part 1 - Golang API backend. In this series, learn how to develop a to-do list application with Golang and Angular using the Gin framework and securing authentication with Auth0.
Latihan membuat REST API dengan Node.js dan pengaman OAuth 2.0
https://developer.okta.com/blog/2018/08/21/build-secure-rest-api-with-node
#nodejs #oauth
https://developer.okta.com/blog/2018/08/21/build-secure-rest-api-with-node
#nodejs #oauth
Okta Developer
Build a Simple REST API with Node and OAuth 2.0
JavaScript is used everywhere on the web, but can also be used server-side. This tutorial shows you how to create a server-to-server REST API complete with OAuth 2.0 authentication.
Tips penggunaan array di JavaScript agar dapat dipakai secara optimal
https://medium.freecodecamp.org/heres-how-you-can-make-better-use-of-javascript-arrays-3efd6395af3c
#array #arrays #object #objects
https://medium.freecodecamp.org/heres-how-you-can-make-better-use-of-javascript-arrays-3efd6395af3c
#array #arrays #object #objects
freeCodeCamp.org
Here’s how you can make better use of JavaScript arrays
Quick read, I promise. Over the last few months, I noticed that the exact same four mistakes kept coming back through the pull requests I…
Kumpulan berita dan artikel seputar front end web development yang dikumpulkan oleh Speckyboy
https://speckyboy.com/weekly-news-for-designers-451/
#css #articles #speckyboy #designer
https://speckyboy.com/weekly-news-for-designers-451/
#css #articles #speckyboy #designer
Speckyboy Web Design Magazine
Weekly News for Designers № 451 - Designing the Modern Web, Toggle Switch CSS, CSS Variable Aimation, Building with Gutenberg
This week’s Designer News (N.451) includes Building Battleship in CSS, Getting Started with React, Designing For Micro-Moments, Cool Fonts vs. Best Fonts, a Free Photoshop Shortcuts And Commands Poster, Add Some Sprinkles and much more.
Beberapa tips singkat dalam memakai CSS yang sering digunakan
https://www.codementor.io/rethna2/5-useful-css-tips-for-javascript-developers-mpjyzunv7
#css #tips
https://www.codementor.io/rethna2/5-useful-css-tips-for-javascript-developers-mpjyzunv7
#css #tips
www.codementor.io
5 useful css tips for javascript developers | Codementor
JavaScript developers are sometimes not much familiar with the nuances of css. And they miss a simple css possibility and go in for a much complex JavaScript workaround.
I mastered JavaScript...
I mastered JavaScript...
Membuat animasi bergeser pada elemen html dengan Vue JS
http://ederdiaz.com/blog/2018/04/18/animated-card-slider-with-vue-gsap/
#vue #animation #slider
http://ederdiaz.com/blog/2018/04/18/animated-card-slider-with-vue-gsap/
#vue #animation #slider
Membuat fungsi mengurutkan array di JavaScript dengan fungsi Sort
https://appdividend.com/2018/08/24/sorting-arrays-in-javascript-array-sort/
#sort #array #objects
https://appdividend.com/2018/08/24/sorting-arrays-in-javascript-array-sort/
#sort #array #objects
AppDividend
How to Sort an Array in JavaScript
To sort an array in JavaScript, you can use the sort() method. The sort() is a built-in array method that allows you to sort the elements of an array.
Membuat aplikasi web sistem manajemen dengan Vue JS, Node.js , dan Apollo GraphQL bagian pertama sampai akhir.
https://itnext.io/build-a-project-management-software-with-vue-js-and-apollo-part1-d12ee75a7641
#vue #apollo #nodejs #graphql
https://itnext.io/build-a-project-management-software-with-vue-js-and-apollo-part1-d12ee75a7641
#vue #apollo #nodejs #graphql
Medium
Build a Project Management Tool with Vue.js, Node.js and Apollo — Part 1
Recently, I created a project management tool called enamel. It’s now used by my employer, and hopefully I can sell it to more customers.
Melakukan perulangan di dalam array JavaScript dengan fungsi some() dan. every()
https://dev.to/wangonya/javascript-array-iteration-with-some-and-every-4i87
#array #objects #some #every
https://dev.to/wangonya/javascript-array-iteration-with-some-and-every-4i87
#array #objects #some #every
The Practical Dev
Javascript array iteration with 'some()' and 'every()'
using 'some()' and 'every()' to iterate arrays
Beberapa tips untuk optimasi CSS di dalam aplikasi web
https://www.sitepoint.com/optimizing-css-performance/
#css #optimization #performance
https://www.sitepoint.com/optimizing-css-performance/
#css #optimization #performance
SitePoint
20 Tips for Optimizing CSS Performance
Craig Buckler discusses 20 ways to optimize your CSS so that it’s faster-loading, easier to work with and more efficient, covering analysis tools, CDNs, HTTP/2, CSS3, animations and transitions, fonts, concatenation and minifying, build tools, flexbox, grid…
Menangkap error yang muncul di dalam Vue Component yang menggunakan TypeScript Dan JavaScript
https://blog.bitsrc.io/errors-handling-for-vue-class-components-2f152f7c7515
#vue #typescript #error #handling
https://blog.bitsrc.io/errors-handling-for-vue-class-components-2f152f7c7515
#vue #typescript #error #handling
Medium
Better errors handling for ES/Typescript classes
Writing a custom catch decorator.
Sampel aplikasi game yang dibuat dengan Vue JS
Game Minesweeper
https://github.com/jsmienk/MinesweeperVue
#game #minesweeper #css #vue
Game Minesweeper
https://github.com/jsmienk/MinesweeperVue
#game #minesweeper #css #vue
GitHub
jsmienk/MinesweeperVue
Classic Minesweeper implented in Vue.js. Contribute to jsmienk/MinesweeperVue development by creating an account on GitHub.