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.
Kode sumber aplikasi tiruan Twitter yang dibuat dengan Node.js
https://github.com/TamalAnwar/twitter-clone-new
#twitter #clone #nodejs
https://github.com/TamalAnwar/twitter-clone-new
#twitter #clone #nodejs
GitHub
TamalAnwar/twitter-clone-new
MVC app made with Node.js, Express.js, MongoDB & Passport.js. This is my first fullstack project. I was always interested with social network, I made user profiles with user registration fe...
Statistik aplikasi web yang sudah melakukan implementasi mode PWA
https://medium.com/@sarahelson81/progressive-web-application-statistics-infographic-e74807882502
https://www.pwastats.com/
#pwa #statistic
https://medium.com/@sarahelson81/progressive-web-application-statistics-infographic-e74807882502
https://www.pwastats.com/
#pwa #statistic
Medium
Progressive Web Application: Statistics- Infographic
We love PWAs and seems like so do you
Beberapa contoh penggunaan fungsi Array JavaScript untuk melakukan filterisasi
https://blog.logrocket.com/writing-for-readability-with-declarative-arrays-64f0b1a807f3
#array #filter #objects
https://blog.logrocket.com/writing-for-readability-with-declarative-arrays-64f0b1a807f3
#array #filter #objects
LogRocket
Writing for readability with declarative arrays
By manipulating and digesting your arrays in a declarative fashion, you can produce much more readable code. Here are a few ways to do…
Cerita pengembang di Telerik yang secara tidak sengaja menggunakan TypeScript
How My Team Accidentally Moved to TypeScript and Loved It
https://www.telerik.com/blogs/how-my-team-accidentally-moved-to-typescript-and-loved-it
#typescript
How My Team Accidentally Moved to TypeScript and Loved It
https://www.telerik.com/blogs/how-my-team-accidentally-moved-to-typescript-and-loved-it
#typescript
Telerik Blogs
How My Team Accidentally Moved to TypeScript and Loved It
Like many web developers, I had limited exposure to strongly-typed languages, but when TypeScript arrived, my team dove right in.
Pengenalan dasar terhadap keamanan web, seperti CORS, CSP, HSTS, dst
https://medium.freecodecamp.org/a-quick-introduction-to-web-security-f90beaf4dd41
#cors #csp #hsts #web #mixedcontent
https://medium.freecodecamp.org/a-quick-introduction-to-web-security-f90beaf4dd41
#cors #csp #hsts #web #mixedcontent
freeCodeCamp.org
A quick introduction to web security
A web developer’s primer on CORS, CSP, HSTS, and all the web security acronyms! There are many reasons to learn about web security, such as: * You’re a concerned user who is worried about your personal data being leaked * You’re a concerned web developer…
Beberapa artikel seputar Vue JS untuk bulan Agustus 2018 minggu keempat
https://medium.mybridge.co/vue-js-open-source-of-the-month-v-aug-2018-910de5ad173
#vue #vuex #articles #mybridge
https://medium.mybridge.co/vue-js-open-source-of-the-month-v-aug-2018-910de5ad173
#vue #vuex #articles #mybridge
Mybridge for Professionals
Vue.js Open Source of the Month (v.Aug 2018)
For the past month, we ranked nearly 150 Vue.js Open Source Projects to pick the Top 10.
Latihan membuat REST API dengan Nodejs, express yang terkoneksi ke database
#nodejs #restapi #express #database
https://code.tutsplus.com/tutorials/code-your-first-api-with-nodejs-and-express-connect-a-database--cms-31699
#nodejs #restapi #express #database
https://code.tutsplus.com/tutorials/code-your-first-api-with-nodejs-and-express-connect-a-database--cms-31699
Code Envato Tuts+
Code Your First API With Node.js and Express: Connect a Database
Build a REST API With Node.js and Express: Connecting a Database
In the first tutorial, Understanding RESTful APIs, we learned what the REST architecture is, what HTTP request methods and...
In the first tutorial, Understanding RESTful APIs, we learned what the REST architecture is, what HTTP request methods and...
Latihan membuat aplikasi dengan Single Sign On SSO dengan Node.js
https://codeburst.io/building-a-simple-single-sign-on-sso-server-and-solution-from-scratch-in-node-js-ea6ee5fdf340
#nodejs #sso #auth
https://codeburst.io/building-a-simple-single-sign-on-sso-server-and-solution-from-scratch-in-node-js-ea6ee5fdf340
#nodejs #sso #auth
Medium
Building A Simple Single Sign On(SSO) Server And Solution From Scratch In Node.js.
The web application uses the browser/server architecture, HTTP as the communication protocol. HTTP is a stateless protocol. Each time the…
Beberapa kebiasaan buruk developer yang sering ditemui di dunia pemrograman
https://dev.to/lewismenelaws/bad-habits-developers-should-fix-53n9
#tech #article #habit #sifat #kebiasaan
https://dev.to/lewismenelaws/bad-habits-developers-should-fix-53n9
#tech #article #habit #sifat #kebiasaan
The Practical Dev
Bad Habits Developers Should Fix
Bad habits that developers are known to do and how to fix them.
Latihan bagian kedua membuat aplikasi daftar kerja dengan Adonis JS . Bagian pertama dan kode sumber ada di dalam artikel
https://blog.jscrambler.com/build-a-task-list-with-authentication-using-sql-node-js-and-adonis-part-2
https://github.com/JscramblerBlog/adonis-task-list
#adonis #sql #nodejs
https://blog.jscrambler.com/build-a-task-list-with-authentication-using-sql-node-js-and-adonis-part-2
https://github.com/JscramblerBlog/adonis-task-list
#adonis #sql #nodejs
Jscrambler
Build a Task List with Authentication Using SQL, Node.js and Adonis (Part 2) | Jscrambler Blog
In this second part of the tutorial, we continue creating our task list app, which uses a Node.js server, a MySQL database and authentication with Adonis.
Mengenal Type Coercion dari JavaScript Object dan cara melakukan pengamanan nya
https://medium.com/intrinsic/javascript-object-type-coercion-b2ec176c02c4
#object #coercion #secure
https://medium.com/intrinsic/javascript-object-type-coercion-b2ec176c02c4
#object #coercion #secure
Medium
JavaScript Object Type Coercion
A look at the optional, user-definable methods which will be called when performing various actions upon JavaScript objects.
Roadmap untuk panduan belajar membuat aplikasi web untuk tahun 2018 yang bersifat modern dan cepat
https://www.codementor.io/kamranahmedse/modern-frontend-developer-in-2018-inb3ay6xt
#roadmap #2018 #web
https://www.codementor.io/kamranahmedse/modern-frontend-developer-in-2018-inb3ay6xt
#roadmap #2018 #web
www.codementor.io
Modern Frontend Developer in 2018 | Codementor
Step by step guide to becoming a FrontEnd developer in 2018.