Traversy Media merilis course Udemy baru untuk membuat aplikasi web dengan Javascript modern, CSS, dan HTML. Tanpa menggunakan framework.
Video sambutannya :
https://www.youtube.com/watch?v=AMwQ7aY2_wg
Link course dengan kupon promosi rilis perdana :
https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=TRAVERSY999
#udemy #course #traversymedia
Video sambutannya :
https://www.youtube.com/watch?v=AMwQ7aY2_wg
Link course dengan kupon promosi rilis perdana :
https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=TRAVERSY999
#udemy #course #traversymedia
YouTube
Udemy Course Alert - 20 Web Projects With Vanilla JS
$9.99 (Feb 2 - 6) - https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=FEBRUARY999
$13.99 ( 30 Day) - https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=FEBRUARY1399
Website - https://vanillawebprojects.com
$13.99 ( 30 Day) - https://www.udemy.com/course/web-projects-with-vanilla-javascript/?couponCode=FEBRUARY1399
Website - https://vanillawebprojects.com
Latihan menggunakan fitur JavaScript ES2017 dengan contoh kasus.
https://medium.com/better-programming/javascript-es2017-features-with-examples-877f8406e770
#es2017 #sample #tutorial
https://medium.com/better-programming/javascript-es2017-features-with-examples-877f8406e770
#es2017 #sample #tutorial
Medium
JavaScript ES2017 Features With Examples
ES2017 a.k.a. ES8 features
Membuat aplikasi CRUD ke database backend dengan Http request via NgRx di Angular
https://medium.com/better-programming/angular-building-a-crud-application-with-ngrx-40e5f1c0b50c
#angular #ngrx #crud
https://medium.com/better-programming/angular-building-a-crud-application-with-ngrx-40e5f1c0b50c
#angular #ngrx #crud
Medium
Angular: Build a CRUD Application With NgRx
Build a simple course management system in Angular
Cara membuat Object menjadi Immutable atau Singleton di JavaScript
https://medium.com/better-programming/javascript-prevent-objects-from-being-changed-d1ca82f02975
#object #freeze #singleton #immutable
https://medium.com/better-programming/javascript-prevent-objects-from-being-changed-d1ca82f02975
#object #freeze #singleton #immutable
Medium
Prevent Objects From Being Changed in JavaScript
Immutability with freeze, seal, preventExtensions, isFrozen, isSealed, isExtendable, and const
Latihan dasar UI Design dengan course gratis dari Scrimba
https://www.freecodecamp.org/news/learn-ui-design-fundamentals-with-this-free-one-hour-course/
#scrimba #course #ui #ux #design
https://www.freecodecamp.org/news/learn-ui-design-fundamentals-with-this-free-one-hour-course/
#scrimba #course #ui #ux #design
freeCodeCamp.org
Learn UI design fundamentals with this free one-hour course
By Per Harald Borgen I'm excited to announce that we've just launched this free Scrimba course on UI design fundamentals by Gary Simon. https://twitter.com/scrimba/status/1222141166508040192 Gary has been a UI designer and a front-end developer for ...
Kerangka project boilerplate Next JS yang telah disertai dengan Tailwind CSS dan SASS
https://codeburst.io/next-js-boilerplate-with-tailwindcss-and-sass-ecc1df90f501
#next #tailwind #sass #css
https://codeburst.io/next-js-boilerplate-with-tailwindcss-and-sass-ecc1df90f501
#next #tailwind #sass #css
Medium
Next.Js boilerplate with TailwindCss and SASS
It’s no secret that creating single-page JavaScript applications can be pretty challenging these days. Fortunately, there are multiple…
Contoh implementasi design pattern yang bernama Builder Pattern pada JavaScript
https://everyday.codes/javascript/builder-pattern-in-javascript-without-classes/
#builder #pattern
https://everyday.codes/javascript/builder-pattern-in-javascript-without-classes/
#builder #pattern
everyday.codes
Builder pattern in JavaScript without classes - everyday.codes
Design patterns are a vital part of software development. I am here to show you how to implement the builder pattern in JavaScript without classes
Beberapa tips dalam menggunakan Arrow Function di JavaScript
https://dmitripavlutin.com/javascript-arrow-functions-best-practices/
#arrow #function #tips
https://dmitripavlutin.com/javascript-arrow-functions-best-practices/
#arrow #function #tips
Dmitri Pavlutin Blog
5 Best Practices to Write Quality Arrow Functions
Best practices on how to write quality, readable and concise arrow functions in JavaScript.
Contoh penggunaan Array.from() di JavaScript untuk membuat data Array
https://levelup.gitconnected.com/using-javascripts-array-from-method-ca9e9fccfd98
#array #from
https://levelup.gitconnected.com/using-javascripts-array-from-method-ca9e9fccfd98
#array #from
Medium
Using JavaScript’s Array.from() Method
JavaScript has a number of built-in array methods that can be used or combined in different ways to perform actions on arrays. Some of…
massCode , text editor yang dikhususkan untuk membuat kumpulan snippet atau cheatsheet kode .
https://masscode.io/
#masscode #cheatsheet #snippet
https://masscode.io/
#masscode #cheatsheet #snippet
masscode.io
A free and open source code snippets manager for developers
Beberapa pengembang membuat sebuah aplikasi web tiruan atau clone dari Jira Issue Board dan Jira Project Tracking. Tampilannya seperti Trello Board, dan bisa dijalankan di server sendiri. Dibuat dengan Node JS, React, Express, Postgre SQL , dan TypeScript.
Silahkan di clone dan dikembangkan atau dikustomisasi lebih lanjut agar sesuai dengan kebutuhan, di host di server sendiri
https://github.com/oldboyxx/jira_clone
Demonya bisa dilihat disini :
http://jira.ivorreic.com/
#mern #nodejs #react #jira #board #atlassian
Silahkan di clone dan dikembangkan atau dikustomisasi lebih lanjut agar sesuai dengan kebutuhan, di host di server sendiri
https://github.com/oldboyxx/jira_clone
Demonya bisa dilihat disini :
http://jira.ivorreic.com/
#mern #nodejs #react #jira #board #atlassian
Pembaruan untuk theme Visual Studio Code yang bernama Mayukai Theme telah tersedia. Silahkan diperbarui melalui VS Code Marketplace masing-masing.
-
Di pembaruan ini, terdapat beberapa perbaikan sedikit pada warna syntax coloringnya. Kemudian ditambahkan juga sebuah schema warna baru dengan warna dasar dari Gruvbox Color dan Darktooth Color Emacs. Diberi nama schema Mayukai Mirage Gruvbox.
-
Tema ini dapat diunduh di VS Code Marketplace. Link Github dan catatan rilis dapat dilihat di tautan berikut.
https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc
Atau bisa dipasang langsung dari VS Code Marketplace dengan menggunakan kata pencarian "Mayukai Theme"
#vscode #codium #theme #mayukai
-
Di pembaruan ini, terdapat beberapa perbaikan sedikit pada warna syntax coloringnya. Kemudian ditambahkan juga sebuah schema warna baru dengan warna dasar dari Gruvbox Color dan Darktooth Color Emacs. Diberi nama schema Mayukai Mirage Gruvbox.
-
Tema ini dapat diunduh di VS Code Marketplace. Link Github dan catatan rilis dapat dilihat di tautan berikut.
https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.mayukaithemevsc
Atau bisa dipasang langsung dari VS Code Marketplace dengan menggunakan kata pencarian "Mayukai Theme"
#vscode #codium #theme #mayukai
Contoh konfigurasi untuk menghubungkan Node JS dengan MongoDb Atlas
https://medium.com/better-programming/my-node-js-mongodb-atlas-rest-api-environment-setup-71923cfbc98c
#nodejs #express #mongodb #atlas
https://medium.com/better-programming/my-node-js-mongodb-atlas-rest-api-environment-setup-71923cfbc98c
#nodejs #express #mongodb #atlas
Medium
My Node.js, MongoDB Atlas REST API Environment Setup
A primer to make sure you have the tools you need to succeed in Node API development
Latihan membuat modal dialog seperti New Tweet di Twitter dengan menggunakan Tailwind CSS
https://scotch.io/tutorials/recreate-the-tweet-creation-modal-with-tailwind-css
#tailwind #dialog #modal
https://scotch.io/tutorials/recreate-the-tweet-creation-modal-with-tailwind-css
#tailwind #dialog #modal
Scotch
Recreate the Tweet Creation Modal with Tailwind CSS
Tailwind CSS is an awesome tool that changes the way we write our HTML and CSS. Tailwind is a "utility-first CSS framework" that I initially wasn't sure about. Our HTML gets pretty busy when using Tailwind, but I've found it's not that bad of a tradeoff.
Latihan lengkap membuat aplikasi web pemantau berat badan Weight Tracker dengan Node JS , backend Hapi JS , Vue JS , dan database Postgre SQL .
https://scotch.io/tutorials/build-a-weight-tracker-app-with-nodejs-and-postgresql
#nodejs #postgre #vue #hapi #weighttracker
https://scotch.io/tutorials/build-a-weight-tracker-app-with-nodejs-and-postgresql
#nodejs #postgre #vue #hapi #weighttracker
Scotch
Build a Weight Tracker App with Node.js and PostgreSQL
Sample Node.js application for tracking weight measurements.
Membuat tampilan album seperti di aplikasi Spotify dengan Tailwind CSS
https://scotch.io/tutorials/recreate-the-spotify-album-page-with-tailwind-css
#tailwind #css #spotify
https://scotch.io/tutorials/recreate-the-spotify-album-page-with-tailwind-css
#tailwind #css #spotify
Scotch
Recreate the Spotify Album Page with Tailwind CSS
Tailwind CSS is an awesome tool that changes the way we write our HTML and CSS. Tailwind is a "utility-first CSS framework" that I initially wasn't sure about. Our HTML gets pretty busy when using Tailwind, but I've found it's not that bad of a tradeoff.
Latihan lengkap membuat aplikasi Speech to Text dan diubah menjadi bentuk emoticon sesuai kata sifat yang diucapkan, dengan menggunakan Web Speech API , AFINN Text Scoring, dan Node JS Express JS.
https://www.freecodecamp.org/news/speech-to-sentiment-with-chrome-and-nodejs/
#sentiment #analytics #speech #text #nodejs #express
https://www.freecodecamp.org/news/speech-to-sentiment-with-chrome-and-nodejs/
#sentiment #analytics #speech #text #nodejs #express
freeCodeCamp.org
How to Build a Speech to Emotion Converter with the Web Speech API and Node.js
By Diogo Spínola Have you ever wondered - can we make Node.js check to see if what we say is positive or negative? I got a newsletter which discussed tone detection. The program can check what we write and then tells us if it might be seen as aggress...
Beberapa referensi library untuk kustomisasi Input Form di Vue JS
https://learnvue.co/2020/01/9-vue-input-libraries-to-power-up-your-forms/
#vue #input #form #library
https://learnvue.co/2020/01/9-vue-input-libraries-to-power-up-your-forms/
#vue #input #form #library
learnvue.co
9 Vue Input Libraries to Power Up Your Forms
A poorly designed form can turn visitors away from your site. Luckily, there are tons of Vue input libraries available to make prettying up your forms a breeze.
Beberapa cara untuk menunda Http Request beberapa saat dengan teknik Debouncing di Angular dan RxJS
https://blog.bitsrc.io/3-ways-to-debounce-http-requests-in-angular-c407eb165ada
#angular #debounce #httpclient #rxjs
https://blog.bitsrc.io/3-ways-to-debounce-http-requests-in-angular-c407eb165ada
#angular #debounce #httpclient #rxjs
Medium
3 Ways to Debounce HTTP Requests in Angular
How to improve your Angular app’s performance with debouncing.