Turning a GitHub page into a Progressive Web App
https://christianheilmann.com/2022/01/13/turning-a-github-page-into-a-progressive-web-app/
https://christianheilmann.com/2022/01/13/turning-a-github-page-into-a-progressive-web-app/
I found this super amazing GitHub repository 😼
In this repo you'll find cheat sheet of
- HTML
- CSS
- JavaScript
- jQuery
- Git
- Gulp
https://github.com/logeshpaul/Frontend-Cheat-Sheets
In this repo you'll find cheat sheet of
- HTML
- CSS
- JavaScript
- jQuery
- Git
- Gulp
https://github.com/logeshpaul/Frontend-Cheat-Sheets
react-tracking: Declarative tracking for React apps
https://blog.logrocket.com/react-tracking-declarative-tracking-react-apps/
https://blog.logrocket.com/react-tracking-declarative-tracking-react-apps/
Roadmap for becoming Back-End Developer in 2022
Learn the basics of Internet
1. How does the internet work?
2. What is HTTP & HTTPS?
3. What is Domain Name?
4. What is IP Address?
5. DNS and how it works?
6. What is hosting?
7. What is SMTP?
Basics of front-end languages
1. HTML
2. CSS
3. JavaScript
Learn a back-end language
1. PHP
2. NodeJS
3. Ruby On Rails
4. Python
5. Go
5. C#
Just learn anyone of the above language but make sure you have in-depth understanding of that language.
I will recommend NodeJs or PHP.
Learn Version Control System
1. Basic Git Commands
2. Repo hosting services
I. GitHub
II. Gitlab
III. Bitbucket
Learn about Relational Databases
1. MySQL
2. PostgreSQL
3. MariaDB
4. MS SQL
5. Oracle
MySQL is the most popular one.
Learn about NoSQL databases
1. MongoDB
2. RethinkDB
3. CouchDB
4. DynamoDB
NoSQL are very popular databases. Many startups are opting for NoSQL databases instead of SQL databases.
Learn About APIs
1. REST
2. JSON APIs
3. HATOAS
4. Open API Spec and Swagger
5. Authentication
6. GraphQL
Learn about caching
1. CDN (Cloud Delivery Network)
2. Server-side caching
I. Redis
II. Memcached
3. Client-side caching
Web Servers
1. Nginx
2. Apache
3. Reverse Proxy
Understand web security
1. Hashing Algorithm
I. MD5
II. SHA Family
III. Scrypt
IV. Bcrypt
2. HTTPS
3. CORS
4. SSL/TLS
Learn testing
1. Integration Testing
2. Unit Testing
3. Functional Testing
Containerization / Virtualization
1. Docker
2. Kubernetes
3. rkt
Architectural Patterns
1. Monolithic
2. Microservices
3. Serverless
4. Scaling (Horizontal & Vertical)
5. Load Balancers
Learn the basics of Internet
1. How does the internet work?
2. What is HTTP & HTTPS?
3. What is Domain Name?
4. What is IP Address?
5. DNS and how it works?
6. What is hosting?
7. What is SMTP?
Basics of front-end languages
1. HTML
2. CSS
3. JavaScript
Learn a back-end language
1. PHP
2. NodeJS
3. Ruby On Rails
4. Python
5. Go
5. C#
Just learn anyone of the above language but make sure you have in-depth understanding of that language.
I will recommend NodeJs or PHP.
Learn Version Control System
1. Basic Git Commands
2. Repo hosting services
I. GitHub
II. Gitlab
III. Bitbucket
Learn about Relational Databases
1. MySQL
2. PostgreSQL
3. MariaDB
4. MS SQL
5. Oracle
MySQL is the most popular one.
Learn about NoSQL databases
1. MongoDB
2. RethinkDB
3. CouchDB
4. DynamoDB
NoSQL are very popular databases. Many startups are opting for NoSQL databases instead of SQL databases.
Learn About APIs
1. REST
2. JSON APIs
3. HATOAS
4. Open API Spec and Swagger
5. Authentication
6. GraphQL
Learn about caching
1. CDN (Cloud Delivery Network)
2. Server-side caching
I. Redis
II. Memcached
3. Client-side caching
Web Servers
1. Nginx
2. Apache
3. Reverse Proxy
Understand web security
1. Hashing Algorithm
I. MD5
II. SHA Family
III. Scrypt
IV. Bcrypt
2. HTTPS
3. CORS
4. SSL/TLS
Learn testing
1. Integration Testing
2. Unit Testing
3. Functional Testing
Containerization / Virtualization
1. Docker
2. Kubernetes
3. rkt
Architectural Patterns
1. Monolithic
2. Microservices
3. Serverless
4. Scaling (Horizontal & Vertical)
5. Load Balancers
5 Useful Resources for Junior Web Developers
1. Diagrams - This is such a great web for draw a lot of diagrams you need. I use it for my databases as long as I need to share with my peers.
Visit : https://app.diagrams.net/
2. CSS Section Generator - If you want to take your website design to another level, this separator generator allows you to create different sections for your web.
Visit : https://wweb.dev/resources/css-separator-generator
3. Grid by example - The perfect place if you need to understand how grid layout works.
Visit : https://gridbyexample.com/
4. JSFiddle - If you need to test your code and you don't want to open VS Code, JSFiddle brings you the possibility to use an online editor.
Visit : https://jsfiddle.net/
5. Sweet Alerts - A beautiful tool for replacement alerts. It's a npm pakage so you need to install it as a dependencie.
Visit : https://sweetalert.js.org/
1. Diagrams - This is such a great web for draw a lot of diagrams you need. I use it for my databases as long as I need to share with my peers.
Visit : https://app.diagrams.net/
2. CSS Section Generator - If you want to take your website design to another level, this separator generator allows you to create different sections for your web.
Visit : https://wweb.dev/resources/css-separator-generator
3. Grid by example - The perfect place if you need to understand how grid layout works.
Visit : https://gridbyexample.com/
4. JSFiddle - If you need to test your code and you don't want to open VS Code, JSFiddle brings you the possibility to use an online editor.
Visit : https://jsfiddle.net/
5. Sweet Alerts - A beautiful tool for replacement alerts. It's a npm pakage so you need to install it as a dependencie.
Visit : https://sweetalert.js.org/
🕯 Sites to practice programming and solve challenges to improve programming skills 🕯
1️⃣ https://edabit.com
2️⃣ https://codeforces.com
3️⃣ https://www.codechef.com
4️⃣ https://leetcode.com
5️⃣ https://www.codewars.com
6️⃣ http://www.pythonchallenge.com
7️⃣ https://coderbyte.com
8️⃣ https://www.codingame.com/start
9️⃣ https://www.freecodecamp.org/learn
━━━━━━━━━━━━━
Share and support 🤟😉
1️⃣ https://edabit.com
2️⃣ https://codeforces.com
3️⃣ https://www.codechef.com
4️⃣ https://leetcode.com
5️⃣ https://www.codewars.com
6️⃣ http://www.pythonchallenge.com
7️⃣ https://coderbyte.com
8️⃣ https://www.codingame.com/start
9️⃣ https://www.freecodecamp.org/learn
━━━━━━━━━━━━━
Share and support 🤟😉
Forwarded from Cyber Punk™
🔰 Password Recovery Online Tool
▪️Documents type file supported
1. Pdf
2. MS Office Word
3. MS Office Excel
4. MS Powerpoint
▪️Archive Type File Supported
1. Zip
2. RAR
3. 7z
Link: https://www.lostmypass.com/try/
▪️Documents type file supported
1. Pdf
2. MS Office Word
3. MS Office Excel
4. MS Powerpoint
▪️Archive Type File Supported
1. Zip
2. RAR
3. 7z
Link: https://www.lostmypass.com/try/
GitHub Repo's for Data structure & algorithm using Javascript 🌱 ↓
1/ Algorithms.js
https://github.com/trekhleb/javascript-algorithms
2/ DSA and Algo with ES6
https://github.com/Crizstian/data-structure-and-algorithms-with-ES6
3/ JS data strcutures- algorithms
https://github.com/trekhleb/javascript-algorithms
4/ DSA.js-data-structures and algorithm
https://github.com/amejiarosario/dsa.js-data-structures-algorithms-javascript
1/ Algorithms.js
https://github.com/trekhleb/javascript-algorithms
2/ DSA and Algo with ES6
https://github.com/Crizstian/data-structure-and-algorithms-with-ES6
3/ JS data strcutures- algorithms
https://github.com/trekhleb/javascript-algorithms
4/ DSA.js-data-structures and algorithm
https://github.com/amejiarosario/dsa.js-data-structures-algorithms-javascript
Top 3 ReactJS Projects to Add to your Resume in 2022
1/ Resume Builder
Skills ↓
- NodeJS
- Express
- React
- Material UI
- React Bootstrap
https://gitlab.com/lakshyajit165/react_resume
2/ Slack Clone
Skills ↓
- Advanced React-Redux
- Firebase
- Web application development
- Website hosting
https://youtu.be/Oo4ziTddOxs
3/ Markdown Editor
- React Hooks
- Context API
- React markdown
https://youtu.be/fF9vrZNSQC4
1/ Resume Builder
Skills ↓
- NodeJS
- Express
- React
- Material UI
- React Bootstrap
https://gitlab.com/lakshyajit165/react_resume
2/ Slack Clone
Skills ↓
- Advanced React-Redux
- Firebase
- Web application development
- Website hosting
https://youtu.be/Oo4ziTddOxs
3/ Markdown Editor
- React Hooks
- Context API
- React markdown
https://youtu.be/fF9vrZNSQC4
Latest Web Development and JavaScript Trends to Follow in 2022
https://dhtmlx.medium.com/latest-web-development-and-javascript-trends-to-follow-in-2022-3d7f665aa5f7
https://dhtmlx.medium.com/latest-web-development-and-javascript-trends-to-follow-in-2022-3d7f665aa5f7
Forwarded from 👨💻Coder Blast🌋
Free Resources To Learn Frontend Web Development ☑️🔥
Free Course from Udacity
https://imp.i115008.net/3Pd2dd
Free Certified Course from Freecodecamp
https://www.freecodecamp.org/learn/front-end-development-libraries/
Front-End Interview Prep Free Course from Udacity
https://imp.i115008.net/5bmP6n
Learn HTML & CSS From Scratch
[4.6 star ratings out of 5]
https://bit.ly/3uv2fRS
Foundations of Front-End Web Development Free Udemy Course
https://bit.ly/3sltmfC
Front-end Developer Free Handbook
https://github.com/FrontendMasters/front-end-handbook-2019/raw/master/exports/Front-end%20Developer%20Handbook%202019.pdf
Eloquent JavaScript FREE BOOK
https://eloquentjavascript.net/Eloquent_JavaScript.pdf
To Practice your skills:
https://www.acefrontend.com/
https://www.codewars.com/
#frontend #development
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
Free Course from Udacity
https://imp.i115008.net/3Pd2dd
Free Certified Course from Freecodecamp
https://www.freecodecamp.org/learn/front-end-development-libraries/
Front-End Interview Prep Free Course from Udacity
https://imp.i115008.net/5bmP6n
Learn HTML & CSS From Scratch
[4.6 star ratings out of 5]
https://bit.ly/3uv2fRS
Foundations of Front-End Web Development Free Udemy Course
https://bit.ly/3sltmfC
Front-end Developer Free Handbook
https://github.com/FrontendMasters/front-end-handbook-2019/raw/master/exports/Front-end%20Developer%20Handbook%202019.pdf
Eloquent JavaScript FREE BOOK
https://eloquentjavascript.net/Eloquent_JavaScript.pdf
To Practice your skills:
https://www.acefrontend.com/
https://www.codewars.com/
#frontend #development
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
Forwarded from 👨💻Coder Blast🌋
Free Books and Courses to learn Javascript ☑️
Intro to JavaScript FREE COURSE
Mini Course on Javascript Essentials
Modern JavaScript Tutorial FREE Online Book
JavaScript Notes for Professionals FREE PDF
Speaking JavaScript Free Online Book
Object Oriented JavaScript FREE COURSE
Code your First Game in Javascript Free Course
#javascript #programming #course
➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Enjoy Learning 👍
Intro to JavaScript FREE COURSE
Mini Course on Javascript Essentials
Modern JavaScript Tutorial FREE Online Book
JavaScript Notes for Professionals FREE PDF
Speaking JavaScript Free Online Book
Object Oriented JavaScript FREE COURSE
Code your First Game in Javascript Free Course
#javascript #programming #course
➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Enjoy Learning 👍
Forwarded from 👨💻Coder Blast🌋
ReactJS Interview questions
https://www.educba.com/reactjs-interview-questions/
#javascript #js #reactjs
➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Enjoy Learning! 👍👍
Join @coderblast for more! ☑️
https://www.educba.com/reactjs-interview-questions/
#javascript #js #reactjs
➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Enjoy Learning! 👍👍
Join @coderblast for more! ☑️
Practice using Fs module on Node JS to read and write data, from channel Sanjeev Thiyagarajan
https://youtu.be/Wt_i73XFb7M
---
Configuring a Docker Container to run a TypeScript project
https://youtu.be/4q3br8jRSz4
Learn Scope and Hoisting in JavaScript with the help of Chrome Dev Tools
https://dev.to/shaur/scopes-in-javascript-with-devtools-16gp
---
Simple explanation of if else and switch control flow
https://javascript.plainenglish.io/a-simple-explanation-of-if-else-switch-statements-in-javascript-for-beginners-1c6cfa1185c8
---
Creating a Countdown Timer with Javascript
https://javascript.plainenglish.io/building-a-javascript-countdown-timer-in-just-10-mins-c0b5d4bf1a28
---
Basic exercise introduction to RxJS Observable in JavaScript
https://javascript.plainenglish.io/create-an-rxjs-observable-98b90ecfda8e
---
See the ins and outs of this in the JavaScript API
https://javascript.plainenglish.io/demystifying-this-in-javascript-369a1dcb881
---
#this #scope #hoisting #rxjs #countdown
#fs #nodejs #typescript #docker
https://youtu.be/Wt_i73XFb7M
---
Configuring a Docker Container to run a TypeScript project
https://youtu.be/4q3br8jRSz4
Learn Scope and Hoisting in JavaScript with the help of Chrome Dev Tools
https://dev.to/shaur/scopes-in-javascript-with-devtools-16gp
---
Simple explanation of if else and switch control flow
https://javascript.plainenglish.io/a-simple-explanation-of-if-else-switch-statements-in-javascript-for-beginners-1c6cfa1185c8
---
Creating a Countdown Timer with Javascript
https://javascript.plainenglish.io/building-a-javascript-countdown-timer-in-just-10-mins-c0b5d4bf1a28
---
Basic exercise introduction to RxJS Observable in JavaScript
https://javascript.plainenglish.io/create-an-rxjs-observable-98b90ecfda8e
---
See the ins and outs of this in the JavaScript API
https://javascript.plainenglish.io/demystifying-this-in-javascript-369a1dcb881
---
#this #scope #hoisting #rxjs #countdown
#fs #nodejs #typescript #docker
Creating VS Code extensions with Vue JS
https://www.codemag.com/Article/2107071/Building-a-VS-Code-Extension-Using-Vue.js
Create session in Node JS with Passport JS , MySQL, and Redis Db
https://betterprogramming.pub/how-to-manage-sessions-in-node-js-using-passport-redis-and-mysql-a9ac9ecb0708
—-
Securing Express JS backend applications with Helmet JS
https://blog.bitsrc.io/securing-express-web-applications-with-helmet-3ef98b3c4a8e
—-
Reference some Node JS packages that can be used in application development
https://levelup.gitconnected.com/node-js-packages-i-use-in-every-project-74bc2cbbc716
—-
Series practice building a REST API with Express JS and TypeScript as microservices
https://ratnadeepr.medium.com/writing-a-restful-micro-service-api-using-nodejs-typescript-expressjs-prisma-part-1-623b98f462ea
#session #nodejs #passport #redis #security #helmet #vue #extension #code #vscode
https://www.codemag.com/Article/2107071/Building-a-VS-Code-Extension-Using-Vue.js
Create session in Node JS with Passport JS , MySQL, and Redis Db
https://betterprogramming.pub/how-to-manage-sessions-in-node-js-using-passport-redis-and-mysql-a9ac9ecb0708
—-
Securing Express JS backend applications with Helmet JS
https://blog.bitsrc.io/securing-express-web-applications-with-helmet-3ef98b3c4a8e
—-
Reference some Node JS packages that can be used in application development
https://levelup.gitconnected.com/node-js-packages-i-use-in-every-project-74bc2cbbc716
—-
Series practice building a REST API with Express JS and TypeScript as microservices
https://ratnadeepr.medium.com/writing-a-restful-micro-service-api-using-nodejs-typescript-expressjs-prisma-part-1-623b98f462ea
#session #nodejs #passport #redis #security #helmet #vue #extension #code #vscode
A simple exercise using Tailwind CSS in React JS
https://medium.com/codingthesmartway-com-blog/how-to-use-tailwind-css-with-react-9dd78bbdc0e0
Universal Icon Picker, a library for loading icon libraries and icon fonts easily
https://github.com/migliori/universal-icon-picker
Tips in using Reducer Hooks in web worker React JS
https://blog.logrocket.com/place-usereducers-web-workers/
---
A simple exercise creating a SPA application with React JS
https://javascript.plainenglish.io/building-a-spa-with-react-and-node-cef18dccef17
---
#react #spa #reducer #hooks
#icon #picker #library #tailwind #react
https://medium.com/codingthesmartway-com-blog/how-to-use-tailwind-css-with-react-9dd78bbdc0e0
Universal Icon Picker, a library for loading icon libraries and icon fonts easily
https://github.com/migliori/universal-icon-picker
Tips in using Reducer Hooks in web worker React JS
https://blog.logrocket.com/place-usereducers-web-workers/
---
A simple exercise creating a SPA application with React JS
https://javascript.plainenglish.io/building-a-spa-with-react-and-node-cef18dccef17
---
#react #spa #reducer #hooks
#icon #picker #library #tailwind #react
How to deploy a web application built with Parcel Bundler to Heroku
https://javascript.plainenglish.io/how-to-deploy-a-parcel-build-to-heroku-fa1ea74d2b96
Exercise from Dcode on using the HTTP request Fetch API with JavaScript
https://youtu.be/1Okmw8ggD1Q
Creating a simple Unit converter with Vue JS
https://dev.to/code_jedi/how-to-make-a-simple-unit-converter-in-vue-543k
#vue #converter #dcode #fetch #http #heroku #parcel #deploy
https://javascript.plainenglish.io/how-to-deploy-a-parcel-build-to-heroku-fa1ea74d2b96
Exercise from Dcode on using the HTTP request Fetch API with JavaScript
https://youtu.be/1Okmw8ggD1Q
Creating a simple Unit converter with Vue JS
https://dev.to/code_jedi/how-to-make-a-simple-unit-converter-in-vue-543k
#vue #converter #dcode #fetch #http #heroku #parcel #deploy
Cheatsheet for using React JS framework
https://www.freecodecamp.org/news/the-react-cheatsheet/
#cheatsheet #react #freecodecamp
https://www.freecodecamp.org/news/the-react-cheatsheet/
#cheatsheet #react #freecodecamp