Forwarded from Learn Html
Design Course released a lengthy exercise on introduction to Modern HTML and CSS for 2022 and beyond. The exercise can be seen at the link below
https://youtu.be/gXLjWRteuWI
#designCourse #html #css
https://youtu.be/gXLjWRteuWI
#designCourse #html #css
Forwarded from Learn Html
Smashing Magazine's long guide on creating Gradients with CSS
https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/
#css #smashingMagazine #gradient
https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/
#css #smashingMagazine #gradient
The Best Color Tools For Web Designers
https://color.hailpixel.com/
https://colorsnapper.com/
https://coolors.co/
https://www.colourlovers.com/
https://color.adobe.com/create/color-wheel
https://labs.tineye.com/multicolr/
http://colorhunter.com/
https://colors.lol/
https://cssgradient.io/
https://www.adobe.com/products/capture.html
#collected
https://color.hailpixel.com/
https://colorsnapper.com/
https://coolors.co/
https://www.colourlovers.com/
https://color.adobe.com/create/color-wheel
https://labs.tineye.com/multicolr/
http://colorhunter.com/
https://colors.lol/
https://cssgradient.io/
https://www.adobe.com/products/capture.html
#collected
JavaScript Mastery has released a lengthy and exhaustive exercise on case studies of building a full-fledged React JS web application. This exercise can be accessed at the following link
https://www.youtube.com/watch?v=GDa8kZLNhJ4
—-
Long practice of JavaScript Mastery building Blockchain applications with React JS, Solidity, Smart Contracts and Crypto API
https://www.youtube.com/watch?v=Wn_Kb3MR_cU
#react #javascriptMastery #course
https://www.youtube.com/watch?v=GDa8kZLNhJ4
—-
Long practice of JavaScript Mastery building Blockchain applications with React JS, Solidity, Smart Contracts and Crypto API
https://www.youtube.com/watch?v=Wn_Kb3MR_cU
#react #javascriptMastery #course
Exercise with Kevin Powell on the introduction of max-content, min-content, and fit-content CSS parameters
https://youtu.be/DM244V9KvNs
#css #values #kevinPowell
https://youtu.be/DM244V9KvNs
#css #values #kevinPowell
Long practice adding Vite JS bundler into existing web app
https://css-tricks.com/adding-vite-to-your-existing-web-app/
#vite #bundler
https://css-tricks.com/adding-vite-to-your-existing-web-app/
#vite #bundler
Using Material UI icons in React JS
https://javascript.plainenglish.io/how-to-use-material-ui-mui-icons-in-react-976911a2c7bb
---
Several ways to do HTTP Request in React JS
https://betterprogramming.pub/rest-api-consumption-in-react-with-fetch-axios-and-axios-hooks-d9dd14b43c8b
---
#react #material #icons #http #request
https://javascript.plainenglish.io/how-to-use-material-ui-mui-icons-in-react-976911a2c7bb
---
Several ways to do HTTP Request in React JS
https://betterprogramming.pub/rest-api-consumption-in-react-with-fetch-axios-and-axios-hooks-d9dd14b43c8b
---
#react #material #icons #http #request
List of interesting ES2018 features to know
https://neelesh-arora.medium.com/es9-features-that-will-blow-your-mind-852a24fd317c
#es2018
https://neelesh-arora.medium.com/es9-features-that-will-blow-your-mind-852a24fd317c
#es2018
Understand how the keywords let, const, and var work in JavaScript
https://www.freecodecamp.org/news/understanding-let-const-and-var-keywords/
---
Tips and tricks in using Destructuring and Spread Parameters in JavaScript
https://dev.to/scottodea/4-ways-to-level-up-your-js-destructuring-and-spread-syntax-4eoo
---
#const #let #spread #destructuring
https://www.freecodecamp.org/news/understanding-let-const-and-var-keywords/
---
Tips and tricks in using Destructuring and Spread Parameters in JavaScript
https://dev.to/scottodea/4-ways-to-level-up-your-js-destructuring-and-spread-syntax-4eoo
---
#const #let #spread #destructuring
Adding the Progressive Web Application (PWA) to an Angular application
https://dev.to/rodrigokamada/adding-the-progressive-web-application-pwa-to-an-angular-application-4g1e
https://dev.to/rodrigokamada/adding-the-progressive-web-application-pwa-to-an-angular-application-4g1e
Javascript Weekly 18
• News Make JS Games: How to Code Games with JavaScript
• News Publishing & Consuming ES Modules Via Packages: The Big Picture
• News Retool Is the Fast Way to Build Internal Tools
• News Eleventy v1.0: The JS-Powered Static Site Generator
• News JavaScript Developer Breaks Two Popular npm Packages
• News Parcel CSS: A New CSS Parser, Compiler, and Minifier Written in Rust
• News How Not to Learn TypeScript
• News How Storybook Migrated 541 Components From Styled Components to Emotion (Without Bugs)
• News Build an Interplanetary Chatbot, from Scratch
• News Ace, CodeMirror, and Monaco: A Comparison of Browser-Based Code Editors
• News Form Validation with the Constraint Validation API
• News Evan You on 'The New Vue'
• News Shepherd 9.0: Guide Your Users Through a Tour of Your App
• News Heapify v0.6: The 'Fastest JavaScript Priority Queue Out There'
• News Shortcut Puts the Agile in Agile and the “Can” in Kanban
• News Ohm: Library and Language for Building Parsers, Interpreters and Compilers
• News Danfo.js 1.0: Data Analysis Toolkit and Structures
• News Two.js: A Renderer-Agnostic 2D Drawing Library
• News Window.js: A Prototype JavaScript Runtime for Desktop Graphics Programming
• News Doppler - All Your Environment Variables in One Place
• News deno_lint: Fast Linter for JS and TS Written in Rust
Tags: #Javascriptweekly #Javascript #JS #weekly
• News Make JS Games: How to Code Games with JavaScript
• News Publishing & Consuming ES Modules Via Packages: The Big Picture
• News Retool Is the Fast Way to Build Internal Tools
• News Eleventy v1.0: The JS-Powered Static Site Generator
• News JavaScript Developer Breaks Two Popular npm Packages
• News Parcel CSS: A New CSS Parser, Compiler, and Minifier Written in Rust
• News How Not to Learn TypeScript
• News How Storybook Migrated 541 Components From Styled Components to Emotion (Without Bugs)
• News Build an Interplanetary Chatbot, from Scratch
• News Ace, CodeMirror, and Monaco: A Comparison of Browser-Based Code Editors
• News Form Validation with the Constraint Validation API
• News Evan You on 'The New Vue'
• News Shepherd 9.0: Guide Your Users Through a Tour of Your App
• News Heapify v0.6: The 'Fastest JavaScript Priority Queue Out There'
• News Shortcut Puts the Agile in Agile and the “Can” in Kanban
• News Ohm: Library and Language for Building Parsers, Interpreters and Compilers
• News Danfo.js 1.0: Data Analysis Toolkit and Structures
• News Two.js: A Renderer-Agnostic 2D Drawing Library
• News Window.js: A Prototype JavaScript Runtime for Desktop Graphics Programming
• News Doppler - All Your Environment Variables in One Place
• News deno_lint: Fast Linter for JS and TS Written in Rust
Tags: #Javascriptweekly #Javascript #JS #weekly
Pixel Distortion Effect with Three.js
https://tympanus.net/codrops/2022/01/12/pixel-distortion-effect-with-three-js/
https://tympanus.net/codrops/2022/01/12/pixel-distortion-effect-with-three-js/
TinyBase — A tiny, reactive JavaScript library for structured state and tabular data.
https://tinybase.org/
https://tinybase.org/
Vue JS 3 will default to the Vue CLI template and documentation. Those using Vue JS 2 are expected to migrate soon
https://blog.vuejs.org/posts/vue-3-as-the-new-default.html
---
Dynamic routing using Vue JS Router
https://blog.logrocket.com/dynamic-routing-using-vue-router/
#vue #router #release
https://blog.vuejs.org/posts/vue-3-as-the-new-default.html
---
Dynamic routing using Vue JS Router
https://blog.logrocket.com/dynamic-routing-using-vue-router/
#vue #router #release
Building video streaming app with Node JS backend and Express JS
https://blog.logrocket.com/build-video-streaming-server-node/
---
Reference on implementing good error handling on Node JS backend
https://blog.logrocket.com/error-handling-node-js/
#nodejs #streaming #video #error #handling
https://blog.logrocket.com/build-video-streaming-server-node/
---
Reference on implementing good error handling on Node JS backend
https://blog.logrocket.com/error-handling-node-js/
#nodejs #streaming #video #error #handling
UI UX exercise from Design Course in terms of applying the right color choices in the design
https://www.youtube.com/watch?v=Ewj85eIda74
#designcourse #uiux
https://www.youtube.com/watch?v=Ewj85eIda74
#designcourse #uiux
Step by step on how to deploy Node JS backend to Heroku hosting
https://javascript.plainenglish.io/how-to-deploy-your-restful-api-application-to-heroku-4d738226012c
#nodejs #heroku
https://javascript.plainenglish.io/how-to-deploy-your-restful-api-application-to-heroku-4d738226012c
#nodejs #heroku
Practice creating dynamic datatables using the AG Grid library and pure JavaScript without jquery
https://www.freecodecamp.org/news/convert-html-table-to-dynamic-javascript-data-grid/
---
See the comparison of primitive data types and reference-based data types in JavaScript
https://www.freecodecamp.org/news/primitive-vs-reference-data-types-in-javascript/
---
Creating a copy paste function with the JavaScript Clipboard API
https://stackabuse.com/how-to-copy-to-clipboard-in-javascript-with-the-clipboard-api/
---
#datatable #agrid #clipboard #copy #paste #type #data
https://www.freecodecamp.org/news/convert-html-table-to-dynamic-javascript-data-grid/
---
See the comparison of primitive data types and reference-based data types in JavaScript
https://www.freecodecamp.org/news/primitive-vs-reference-data-types-in-javascript/
---
Creating a copy paste function with the JavaScript Clipboard API
https://stackabuse.com/how-to-copy-to-clipboard-in-javascript-with-the-clipboard-api/
---
#datatable #agrid #clipboard #copy #paste #type #data
Creating web app pages for companies using Vue Nuxt JS and Strapi CMS
https://strapi.medium.com/how-to-build-a-corporate-design-agency-site-with-nuxtjs-and-strapi-1db22d2757f7
—-
Creating 2FA functions with Node JS and Vue JS
https://betterprogramming.pub/how-to-implement-two-factor-authentication-using-node-js-and-vue-3-1029745e06fd
—-
Using ES Modules in Node JS and steps for activation
https://javascript.plainenglish.io/how-to-use-the-import-statement-in-node-js-d43ce83e5b44
#strapi #vue #nodejs #venom #tfa #esm
https://strapi.medium.com/how-to-build-a-corporate-design-agency-site-with-nuxtjs-and-strapi-1db22d2757f7
—-
Creating 2FA functions with Node JS and Vue JS
https://betterprogramming.pub/how-to-implement-two-factor-authentication-using-node-js-and-vue-3-1029745e06fd
—-
Using ES Modules in Node JS and steps for activation
https://javascript.plainenglish.io/how-to-use-the-import-statement-in-node-js-d43ce83e5b44
#strapi #vue #nodejs #venom #tfa #esm