Forwarded from Learn CSS™
CSS Grid introduction by Kevin Powell
https://youtu.be/rg7Fvvl3taU
---
Comparison between Flexbox and CSS Grid
https://levelup.gitconnected.com/grid-vs-flexbox-battle-75f9f940502a
---
#css #grid #flexbox #kevinPowell
https://youtu.be/rg7Fvvl3taU
---
Comparison between Flexbox and CSS Grid
https://levelup.gitconnected.com/grid-vs-flexbox-battle-75f9f940502a
---
#css #grid #flexbox #kevinPowell
Creating simple GraphQL CRUD applications with Node JS , Express and MongoDb
https://blog.devgenius.io/creating-crud-graphql-api-with-nodejs-express-mongodb-16c97e20e212
#nodejs #graphql #express #mongodb
https://blog.devgenius.io/creating-crud-graphql-api-with-nodejs-express-mongodb-16c97e20e212
#nodejs #graphql #express #mongodb
Creating Authentication system with Fastify JS
https://javascript.plainenglish.io/how-to-build-a-reliable-authentication-api-with-fastify-c5a24bf8cd41
---
Example of using Postman for testing GraphQL API
https://javascript.plainenglish.io/handling-graphql-in-postman-6391c767928b
---
#nodejs #fastify #auth #graphql
https://javascript.plainenglish.io/how-to-build-a-reliable-authentication-api-with-fastify-c5a24bf8cd41
---
Example of using Postman for testing GraphQL API
https://javascript.plainenglish.io/handling-graphql-in-postman-6391c767928b
---
#nodejs #fastify #auth #graphql
Introduction training of some MySQL commands and examples of CRUD data in them
https://www.freecodecamp.org/news/learn-sql-in-10-minutes/
#sql
https://www.freecodecamp.org/news/learn-sql-in-10-minutes/
#sql
Difference between Null and Undefined types in JavaScript
https://dev.to/zahrakhadijha/the-difference-between-null-and-undefined-in-javascript-51gc
---
Some cheats on how to sort Array data with JavaScript
https://javascript.plainenglish.io/6-javascript-code-snippets-for-sorting-arrays-56a7049f831
---
#null #undefined #snippet #sort
https://dev.to/zahrakhadijha/the-difference-between-null-and-undefined-in-javascript-51gc
---
Some cheats on how to sort Array data with JavaScript
https://javascript.plainenglish.io/6-javascript-code-snippets-for-sorting-arrays-56a7049f831
---
#null #undefined #snippet #sort
Get to know the Vue JS Composition API for creating reusable components
https://www.sitepoint.com/vue-composition-api-reusable-components/
#vue #composition
https://www.sitepoint.com/vue-composition-api-reusable-components/
#vue #composition
Create a cryptocurrency price dashboard by Ania Kubow
https://youtu.be/_itMdiSc0KI
#aniaKubow #dashboard
https://youtu.be/_itMdiSc0KI
#aniaKubow #dashboard
Learn JavaScript™
Complete collection of Node JS and MERN Stack fullstack learning resources https://devdojo.com/rahulism/free-100-mern-mean-stack-resources #mern #nodejs #fullstack #resource
Making an application containing code snippets with Next JS and Fauna Db
https://www.sitepoint.com/nextjs-faunadb-build-code-snippet-app/
---
Cheats on using React JS with TypeScript
https://blog.bitsrc.io/react-with-typescript-cheatsheet-9dd891dc5bfe
---
#react #nextjs #snippet
https://www.sitepoint.com/nextjs-faunadb-build-code-snippet-app/
---
Cheats on using React JS with TypeScript
https://blog.bitsrc.io/react-with-typescript-cheatsheet-9dd891dc5bfe
---
#react #nextjs #snippet
Create news portal applications with Strapi and Nuxt JS
https://strapi.medium.com/build-a-news-aggregator-app-using-strapi-and-nuxtjs-3c29d70e8105
#strapi #nuxt #vue
https://strapi.medium.com/build-a-news-aggregator-app-using-strapi-and-nuxtjs-3c29d70e8105
#strapi #nuxt #vue
The difference between interfaces and classes in TypeScript and when to use them
https://blog.logrocket.com/when-how-use-interfaces-classes-typescript/
---
#typescript #interface
https://blog.logrocket.com/when-how-use-interfaces-classes-typescript/
---
#typescript #interface
Make dark mode switch by saving state condition in Cookies
https://levelup.gitconnected.com/code-a-cookie-based-darkmode-switch-in-css-and-vanilla-javascript-b2d89f99ea7d
#switch #darkmode
https://levelup.gitconnected.com/code-a-cookie-based-darkmode-switch-in-css-and-vanilla-javascript-b2d89f99ea7d
#switch #darkmode
Create a logger for JS node-based applications
https://javascript.plainenglish.io/build-a-logger-with-node-js-7b5d3842c2c1.
-
Glowing exercises make MERN stack with graphql
https://muradaliyev2229.medium.com/10-steps-how-i-can-create-m-e-r-n-g-stack-project-part-1-ae2ba282f5f1.
-
Tips for securing dependency on JS nodes with Audit NPM
https://medium.com/@mdkkarthika/10-minute-guide-to-securing-your-node-js-application-a4a9a9704938.
-
Debugging on the JS node-based backend application
https://medium.com/@shrirammano/express-application-debugging-in-vscode-60453b95b.
-
Use Google Analytics with JS node
https://medium.com/@perumalveni06/configure-google-apis-using-node-js-309e2a156043.
-
#NODEJS #Logger #GooglealianAloytics #Mern #GRAPHQL
https://javascript.plainenglish.io/build-a-logger-with-node-js-7b5d3842c2c1.
-
Glowing exercises make MERN stack with graphql
https://muradaliyev2229.medium.com/10-steps-how-i-can-create-m-e-r-n-g-stack-project-part-1-ae2ba282f5f1.
-
Tips for securing dependency on JS nodes with Audit NPM
https://medium.com/@mdkkarthika/10-minute-guide-to-securing-your-node-js-application-a4a9a9704938.
-
Debugging on the JS node-based backend application
https://medium.com/@shrirammano/express-application-debugging-in-vscode-60453b95b.
-
Use Google Analytics with JS node
https://medium.com/@perumalveni06/configure-google-apis-using-node-js-309e2a156043.
-
#NODEJS #Logger #GooglealianAloytics #Mern #GRAPHQL
Some alternatives from dockers that can be used and tried
https://blog.logrocket.com/top-docker-alternatives-2022/
#Docker #Alternative
https://blog.logrocket.com/top-docker-alternatives-2022/
#Docker #Alternative
Creating a web application with an input editor with a character counter by Dcode
https://youtu.be/cRAHKgT-DUk
#counter #character #input #dcode
https://youtu.be/cRAHKgT-DUk
#counter #character #input #dcode
Introduction to Node JS and its database CRUD functions
https://dev.to/moreno8423/nodejs-and-express-crud-2g8j
---
Simple practice creating upload function with Multer and Node JS
https://javascript.plainenglish.io/uploading-files-in-node-js-using-multer-754526aa6817
---
Sending email with Nodemailer and Node JS
https://javascript.plainenglish.io/how-to-send-email-with-nodemailer-with-examples-356b348dccac
---
#nodejs #crud #multer #nodemailer
https://dev.to/moreno8423/nodejs-and-express-crud-2g8j
---
Simple practice creating upload function with Multer and Node JS
https://javascript.plainenglish.io/uploading-files-in-node-js-using-multer-754526aa6817
---
Sending email with Nodemailer and Node JS
https://javascript.plainenglish.io/how-to-send-email-with-nodemailer-with-examples-356b348dccac
---
#nodejs #crud #multer #nodemailer
Introducing Wallpaper JS, a library for replacing operating system wallpapers with JavaScript and Node JS
https://github.com/sindresorhus/wallpaper
#wallpapers #nodejs
https://github.com/sindresorhus/wallpaper
#wallpapers #nodejs
Introduction to the concept of asynchronous in JavaScript and Node JS runtime
https://medium.com/dhiwise/asynchronous-node-js-callback-promises-and-async-await-in-javascript-8934b8424845
#nodejs #async #promise
https://medium.com/dhiwise/asynchronous-node-js-callback-promises-and-async-await-in-javascript-8934b8424845
#nodejs #async #promise
Forwarded from Learn Web Development
🔺Roadmap to become Full-Stack developer in 2021🔺
🔺How The Internet Works
1. What happens when you go google
2. Introduction to Networks
3. Browser Networking
4. IP Addresses
5. HTTP/2
6. What is domain name?
7. What is hosting?
🔺Advanced Front End 🔚
1. HTML
2. CSS
3. JavaScript
4. React
🔺Operating Systems 🖥
1. Using the command line
2. What is an operating system?
3. Memory
4. Unix Programming
5. Bash-Scripting Guide
6. Thread & Concurrency
7. Process Management
8. Interprocess Communication
9. Basic Networking
10. Basic Terminal Commands
🔺Programming Languages 📕
1. Know PHP
2. Learn Ruby
3. Learn Rust
4. Learn Go
5. Know Server-Side JavaScript
6. Learn Python
7. Learn C#
8. Learn Java
Make sure you have in-depth knowledge of your favorite language
🔺Version Control
1. A Visual Git Reference
2. Visualizing Git Concepts with D3
3. Github Cheat Sheet
4. SVN
5. Repo Hosting Services
a. GitHub
b. GitLab
c. Bitbucket
🔺Relational Databases
1. Object-Relational Mapping
2. ACID
3. N+1 Problem
4. Sharding
5. CAP Theorem
6. Normalization
7. Indexes
8. Theory of Relational Databases
a. Learn MySQL
b. Learn PostgreSQL
c. Learn MariaDB
d. Learn MS SQL
🔺NoSQL Databases
1. Learn MongoDB
2. Learn CouchDB
3. NoSQL Databases
4. Graph Databases
🔺APIs
1. Working with APIs
2. REST
3. GraphQL
4. JSON-RPC
5. HATEOAS
6. Authentication
🔺Caching
1. Learn HTTP caching
2. Learn Redis
3. Learn Memcached
4. Learn Service workers
🔺Security
1. HTTPS + TLS
2. CORS
3. MD5
4. SHA-2
5. SCrypt
6. BCrypt
7. OWASP
8. Content Security Policy
🔺CI/CD
1. Testing your code
2. Jenkins
3. TravisCI
🔺Development Concepts
1. SOLID
2. KISS
3. YAGNI
4. DRY
5. Domain-Driven Design
6. Test Driven Development
7. MVC
🔺Software Architecture
1. Monolithic Apps
2. Microservices
3. Service Oriented Architecture
4. CQRS
5. Serverless
🔺Containers
1. Docker Fundamentals
2. Docker Cookbook
3. Kubernetes Cookbook
4. rkt
5. LXC
🔺Servers
1. Nginx Handbook
2. Apache
3. Caddy
🔺Scalability
1. Distributed Systems
2. System Design Primer
3. Real-World Maintainable Software
4. The 12 Factor App
5. Architecting Frontend Projects To Scale
🔺How The Internet Works
1. What happens when you go google
2. Introduction to Networks
3. Browser Networking
4. IP Addresses
5. HTTP/2
6. What is domain name?
7. What is hosting?
🔺Advanced Front End 🔚
1. HTML
2. CSS
3. JavaScript
4. React
🔺Operating Systems 🖥
1. Using the command line
2. What is an operating system?
3. Memory
4. Unix Programming
5. Bash-Scripting Guide
6. Thread & Concurrency
7. Process Management
8. Interprocess Communication
9. Basic Networking
10. Basic Terminal Commands
🔺Programming Languages 📕
1. Know PHP
2. Learn Ruby
3. Learn Rust
4. Learn Go
5. Know Server-Side JavaScript
6. Learn Python
7. Learn C#
8. Learn Java
Make sure you have in-depth knowledge of your favorite language
🔺Version Control
1. A Visual Git Reference
2. Visualizing Git Concepts with D3
3. Github Cheat Sheet
4. SVN
5. Repo Hosting Services
a. GitHub
b. GitLab
c. Bitbucket
🔺Relational Databases
1. Object-Relational Mapping
2. ACID
3. N+1 Problem
4. Sharding
5. CAP Theorem
6. Normalization
7. Indexes
8. Theory of Relational Databases
a. Learn MySQL
b. Learn PostgreSQL
c. Learn MariaDB
d. Learn MS SQL
🔺NoSQL Databases
1. Learn MongoDB
2. Learn CouchDB
3. NoSQL Databases
4. Graph Databases
🔺APIs
1. Working with APIs
2. REST
3. GraphQL
4. JSON-RPC
5. HATEOAS
6. Authentication
🔺Caching
1. Learn HTTP caching
2. Learn Redis
3. Learn Memcached
4. Learn Service workers
🔺Security
1. HTTPS + TLS
2. CORS
3. MD5
4. SHA-2
5. SCrypt
6. BCrypt
7. OWASP
8. Content Security Policy
🔺CI/CD
1. Testing your code
2. Jenkins
3. TravisCI
🔺Development Concepts
1. SOLID
2. KISS
3. YAGNI
4. DRY
5. Domain-Driven Design
6. Test Driven Development
7. MVC
🔺Software Architecture
1. Monolithic Apps
2. Microservices
3. Service Oriented Architecture
4. CQRS
5. Serverless
🔺Containers
1. Docker Fundamentals
2. Docker Cookbook
3. Kubernetes Cookbook
4. rkt
5. LXC
🔺Servers
1. Nginx Handbook
2. Apache
3. Caddy
🔺Scalability
1. Distributed Systems
2. System Design Primer
3. Real-World Maintainable Software
4. The 12 Factor App
5. Architecting Frontend Projects To Scale
Javascript Weekly 14
• News Remix: A Newly Open Sourced React-Based Framework for Web Apps
• News New Course: Introduction to Next.js, The Full-Stack React Framework
• News Vercel, Creator of Next.js, Raises $150M
• News Prettier 2.5 Released: Now with TypeScript 4.5 and MDX v2 Support
• News The Unexpected Return of JS for Automation on macOS
• News Introducing Svelte, and Comparing Svelte with React and Vue
• News How JavaScript Engines Achieve Great Performance
• News Notification Systems 2.0: Part 2 - Scale & Reliability
• News Using WebAssembly (Created in Rust) for Fast React Components
• News Polly 5.2: Record, Replay, and Stub HTTP Interactions
• News Fiddle: The Easiest Way to Get Started with Electron
• News Breakpoints and console.log Is the Past, Time Travel Is the Future
• News reading-time: Reading Time Estimation for the Web
• News file-type: Detect the File Type of a Buffer, Uint8Array, or ArrayBuffer
• News PickBetterPack: Discover Similar Packages from package.json Dependencies
• News Tried. Tested. Trusted. Studio 3T - Power Tools for MongoDB
• News use-prosemirror: Use the ProseMirror Editor in React Easily
• News Color 4: A Color Conversion and Manipulation Library
• News Elementary Grid: A JS + Elementary Powered Music Creator
Tags: #Javascriptweekly #Javascript #JS #weekly
• News Remix: A Newly Open Sourced React-Based Framework for Web Apps
• News New Course: Introduction to Next.js, The Full-Stack React Framework
• News Vercel, Creator of Next.js, Raises $150M
• News Prettier 2.5 Released: Now with TypeScript 4.5 and MDX v2 Support
• News The Unexpected Return of JS for Automation on macOS
• News Introducing Svelte, and Comparing Svelte with React and Vue
• News How JavaScript Engines Achieve Great Performance
• News Notification Systems 2.0: Part 2 - Scale & Reliability
• News Using WebAssembly (Created in Rust) for Fast React Components
• News Polly 5.2: Record, Replay, and Stub HTTP Interactions
• News Fiddle: The Easiest Way to Get Started with Electron
• News Breakpoints and console.log Is the Past, Time Travel Is the Future
• News reading-time: Reading Time Estimation for the Web
• News file-type: Detect the File Type of a Buffer, Uint8Array, or ArrayBuffer
• News PickBetterPack: Discover Similar Packages from package.json Dependencies
• News Tried. Tested. Trusted. Studio 3T - Power Tools for MongoDB
• News use-prosemirror: Use the ProseMirror Editor in React Easily
• News Color 4: A Color Conversion and Manipulation Library
• News Elementary Grid: A JS + Elementary Powered Music Creator
Tags: #Javascriptweekly #Javascript #JS #weekly