Understand how React Hook useEffect works for beginners
https://www.freecodecamp.org/news/react-useeffect-absolute-beginners/
---
Practice using Recoil state management on React-based projects
https://www.freecodecamp.org/news/how-to-use-recoil-for-state-management-in-your-react-projects/
---
Reference some design pattern components for React based projects
https://blog.logrocket.com/react-component-design-patterns-2022/
---
#react #component #pattern #hooks #recoil #state
https://www.freecodecamp.org/news/react-useeffect-absolute-beginners/
---
Practice using Recoil state management on React-based projects
https://www.freecodecamp.org/news/how-to-use-recoil-for-state-management-in-your-react-projects/
---
Reference some design pattern components for React based projects
https://blog.logrocket.com/react-component-design-patterns-2022/
---
#react #component #pattern #hooks #recoil #state
Create Podcast Player application with subtitles, Using Vue JS and Supabase
https://www.freecodecamp.org/news/build-a-podcast-player-with-transcriptions-using-vue-supabase/
#vue #podcast #supabase
https://www.freecodecamp.org/news/build-a-podcast-player-with-transcriptions-using-vue-supabase/
#vue #podcast #supabase
Creating a blog application with Next JS and Markdown with the help of MDX
https://blog.logrocket.com/create-next-js-mdx-blog/
#nextjs #mdx #markdown #blog
https://blog.logrocket.com/create-next-js-mdx-blog/
#nextjs #mdx #markdown #blog
Why Don’t Developers Take Accessibility Seriously?
https://css-tricks.com/why-dont-developers-take-accessibility-seriously/
https://css-tricks.com/why-dont-developers-take-accessibility-seriously/
Forwarded from Cyber Punk™
▪️Username | Your online identity
When choosing a username, it’s important not to reveal any personal information.
Some other useful tips to help you generate your username:
➤ Don’t use your full name or parts of your address or phone number.
➤Don’t use your email username.
➤ Don’t use the same username and password combination, especially on financial accounts.
➤ Don’t choose a super-odd username and then reuse it again and again — it makes you easier to track.
➤ Don’t choose a username that gives clues to your passwords such as a series of numbers/letters, the first part of a two-part phrase, such as knock-knock or starlight, or the department in which you work, such as IT.
➤ Do choose a username that’s appropriate for the type of account, i.e., business, social or personal.
Keep Supporting ❤️
====================
Join Our Telegram Channel
❶ t.me/CyberPunk_anonymous
When choosing a username, it’s important not to reveal any personal information.
Some other useful tips to help you generate your username:
➤ Don’t use your full name or parts of your address or phone number.
➤Don’t use your email username.
➤ Don’t use the same username and password combination, especially on financial accounts.
➤ Don’t choose a super-odd username and then reuse it again and again — it makes you easier to track.
➤ Don’t choose a username that gives clues to your passwords such as a series of numbers/letters, the first part of a two-part phrase, such as knock-knock or starlight, or the department in which you work, such as IT.
➤ Do choose a username that’s appropriate for the type of account, i.e., business, social or personal.
Keep Supporting ❤️
====================
Join Our Telegram Channel
❶ t.me/CyberPunk_anonymous
Learn JAVASCRIPT in 15 Days
In Depth-Roadmap ↓
Disclaimer !
i'm not saying that you will become a master of JS in 15 days , but following this guide you will get a basic knowledge of Javascript and you can build beginners projects quite easily.
Let start learning ⚡️ ↓
Day 0,1,2 ( 8hrs / day )
Basics of thr Language
✅ Types & variable
↓
✅ expressions
↓
✅ Math Operators & function
↓
✅ High order function
Day 3-8 ( 8hrs / day )
Level - 1
✅ Arrow function
↓
✅ Loops (for, while, do while)
↓
✅ Arrays
↓
✅ Simple Programs using Arrays
Day 9- 11 ( 8hrs / day )
Level - 2
✅ DOM
↓
✅ Dates & Math object
↓
✅ Async functions
↓
✅ Callbacks, timer & Promises
Day 11 - 15 ( 8hrs / day )
Level - 3
✅ Async & Await
↓
✅ Events
↓
✅ Revise & Practice
↓
✅ Build Small Projects
#JavaScript #Roadmap
In Depth-Roadmap ↓
Disclaimer !
i'm not saying that you will become a master of JS in 15 days , but following this guide you will get a basic knowledge of Javascript and you can build beginners projects quite easily.
Let start learning ⚡️ ↓
Day 0,1,2 ( 8hrs / day )
Basics of thr Language
✅ Types & variable
↓
✅ expressions
↓
✅ Math Operators & function
↓
✅ High order function
Day 3-8 ( 8hrs / day )
Level - 1
✅ Arrow function
↓
✅ Loops (for, while, do while)
↓
✅ Arrays
↓
✅ Simple Programs using Arrays
Day 9- 11 ( 8hrs / day )
Level - 2
✅ DOM
↓
✅ Dates & Math object
↓
✅ Async functions
↓
✅ Callbacks, timer & Promises
Day 11 - 15 ( 8hrs / day )
Level - 3
✅ Async & Await
↓
✅ Events
↓
✅ Revise & Practice
↓
✅ Build Small Projects
#JavaScript #Roadmap
Learn JavaScript™ pinned «Learn JAVASCRIPT in 15 Days In Depth-Roadmap ↓ Disclaimer ! i'm not saying that you will become a master of JS in 15 days , but following this guide you will get a basic knowledge of Javascript and you can build beginners projects quite easily. Let start…»
Forwarded from All kind of Ebooks ™
Books list
1- .NET 13 BOOK
2- ANGULAR 12 BOOK
3- BOOTSTRAP 30 BOOK
4-FRONT END 16 BOOK
5-HTML - CSS 42 BOOK
6- JAVA 30 BOOK
7- JAVA SCRIPT 78 BOOK
8- NODE JS 25 BOOK
TOTAL BOOKS 246 BOOK(Size: 2.5 GB)
https://drive.google.com/drive/u/1/folders/1aXlI-fNsCGmwrFLjSSkHA3FSTClnSSnb
1- .NET 13 BOOK
2- ANGULAR 12 BOOK
3- BOOTSTRAP 30 BOOK
4-FRONT END 16 BOOK
5-HTML - CSS 42 BOOK
6- JAVA 30 BOOK
7- JAVA SCRIPT 78 BOOK
8- NODE JS 25 BOOK
TOTAL BOOKS 246 BOOK(Size: 2.5 GB)
https://drive.google.com/drive/u/1/folders/1aXlI-fNsCGmwrFLjSSkHA3FSTClnSSnb
JAVASCRIPT Project Ideas for Resume ↓
EASY
- Countdown
- ToDo list
- Music Player
- Calculator
- Browser Extension
- Unit Converter
- Notes App
INTERMEDIATE
- Guess the number game
- Rock Paper Scissors game
- Real-time Weather app
- Movie app
- Real-time chat application
- File Sharing app
EXPERT
- Instagram clone
- Twitter clone
- Ecommerce clone
- Email Alerts on WhatsApp
- Realtime Video Processing using ChromaKey (GreenScreen) Effect
- Online Code Editor
- Hangman Game
#Javascript #Projects #Resume
EASY
- Countdown
- ToDo list
- Music Player
- Calculator
- Browser Extension
- Unit Converter
- Notes App
INTERMEDIATE
- Guess the number game
- Rock Paper Scissors game
- Real-time Weather app
- Movie app
- Real-time chat application
- File Sharing app
EXPERT
- Instagram clone
- Twitter clone
- Ecommerce clone
- Email Alerts on WhatsApp
- Realtime Video Processing using ChromaKey (GreenScreen) Effect
- Online Code Editor
- Hangman Game
#Javascript #Projects #Resume
Learn JavaScript™ pinned «JAVASCRIPT Project Ideas for Resume ↓ EASY - Countdown - ToDo list - Music Player - Calculator - Browser Extension - Unit Converter - Notes App INTERMEDIATE - Guess the number game - Rock Paper Scissors game - Real-time Weather app - Movie app - Real…»
5 FREE Website Hosting for Developers↓
1.Github Pages
Keeping your projects together and hosting them ? A Win - Win
🔗https://pages.github.com/
2. Heroku
The Free version is pretty slow but it's worth hosting backend realted stuff
🔗 https://www.heroku.com/
3.Netlify
Netlify is a pretty powerful hosting service. well known for its Jamstack Architecture.
🔗 https://www.netlify.com/
4. Vercel
it is starting to become my favourite provides analytics .nextjs works really well with vercel vercel tool.
🔗 https://vercel.com/
5. Surge
Surge comes in handy when it comes to static site publishing. Publish your HTML,CSS and JS files with ease !
🔗 https://surge.sh/
#Hosting #Projects #Portfolio
1.Github Pages
Keeping your projects together and hosting them ? A Win - Win
🔗https://pages.github.com/
2. Heroku
The Free version is pretty slow but it's worth hosting backend realted stuff
🔗 https://www.heroku.com/
3.Netlify
Netlify is a pretty powerful hosting service. well known for its Jamstack Architecture.
🔗 https://www.netlify.com/
4. Vercel
it is starting to become my favourite provides analytics .nextjs works really well with vercel vercel tool.
🔗 https://vercel.com/
5. Surge
Surge comes in handy when it comes to static site publishing. Publish your HTML,CSS and JS files with ease !
🔗 https://surge.sh/
#Hosting #Projects #Portfolio
Want to get into technical writing as a developer but don’t know where to start?
Here’s a breakdown of how to get started 👇🏼
1. Pick a topic you’re passionate about 💛
It could be a new tool, language or framework you learnt, or even a trendy topic in the tech ecosystem
The more familiar you are with the subject, the better you will be able to explain it to others.
2. Do the research 📚
Technical writing differs from writing because it requires you to go into great detail about a specific topic
As a result, you'll need to conduct extensive research on the topic you want to write about.
3. Choose a writing platform 📇
Here's a list of some great platforms to get you started on your technical writing journey:
Hashnode
Dev .to
Medium
4. Write a draft 📝
If this is your first time, the draft doesn't have to be very long; it could even be 500 words
Don't put in so much effort to sound professional. Go with the flow and be real.
5. Read through and edit ✍️
Your draft may contain grammatical errors. It's best to go over it several times to make sure you don't miss any major mistakes.
6. Get a new set of eyes 👀
Let one or two people read your draft. Ask them how they feel about it
Don't be afraid of getting negative feedback. They will only help you identify your flaws and improve your writing skills.
They might even spot some mistakes in the draft.
7. Publish your draft 🚀
Don’t worry if it doesn’t get a lot of interactions. It’s normal especially when starting out fresh.
8. Be consistent 💭
Consistent practice and learning from your mistakes will help you improve your writing skills
If possible, publish an article every week. You can participate in the ‘1 week 2 articles’ challenge
Keep learning. Keep writing.
9. Apply for a technical writing job: 💼
Once you feel you’re ready, you can apply for a technical writing role (full time/part time)
Here’s a post about platforms with open technical writing roles:
t.me/JavaScript_js_learn/1545
#TechnicalWriting
Here’s a breakdown of how to get started 👇🏼
1. Pick a topic you’re passionate about 💛
It could be a new tool, language or framework you learnt, or even a trendy topic in the tech ecosystem
The more familiar you are with the subject, the better you will be able to explain it to others.
2. Do the research 📚
Technical writing differs from writing because it requires you to go into great detail about a specific topic
As a result, you'll need to conduct extensive research on the topic you want to write about.
3. Choose a writing platform 📇
Here's a list of some great platforms to get you started on your technical writing journey:
Hashnode
Dev .to
Medium
4. Write a draft 📝
If this is your first time, the draft doesn't have to be very long; it could even be 500 words
Don't put in so much effort to sound professional. Go with the flow and be real.
5. Read through and edit ✍️
Your draft may contain grammatical errors. It's best to go over it several times to make sure you don't miss any major mistakes.
6. Get a new set of eyes 👀
Let one or two people read your draft. Ask them how they feel about it
Don't be afraid of getting negative feedback. They will only help you identify your flaws and improve your writing skills.
They might even spot some mistakes in the draft.
7. Publish your draft 🚀
Don’t worry if it doesn’t get a lot of interactions. It’s normal especially when starting out fresh.
8. Be consistent 💭
Consistent practice and learning from your mistakes will help you improve your writing skills
If possible, publish an article every week. You can participate in the ‘1 week 2 articles’ challenge
Keep learning. Keep writing.
9. Apply for a technical writing job: 💼
Once you feel you’re ready, you can apply for a technical writing role (full time/part time)
Here’s a post about platforms with open technical writing roles:
t.me/JavaScript_js_learn/1545
#TechnicalWriting
Telegram
Learn JavaScript
11 websites developers can make money with technical writing
Earn up to $500 writing tutorials and articles
Auth0
{↗ $450 - 2,000+ words}
→ Identity & Security
→ Python, Electron, Java, .NET
→ Mobile (Native & Cross Platform)
https://auth0.com/apollo…
Earn up to $500 writing tutorials and articles
Auth0
{↗ $450 - 2,000+ words}
→ Identity & Security
→ Python, Electron, Java, .NET
→ Mobile (Native & Cross Platform)
https://auth0.com/apollo…
Javascript Mastery released a lengthy exercise on introduction to React JS and its state management from basic to advanced
https://youtu.be/b9eMGE7QtTk
#react #course #javascriptMastery
https://youtu.be/b9eMGE7QtTk
#react #course #javascriptMastery
Some useful Github repository references for developers or programmers
https://dev.to/madza/19-valuable-github-repositories-for-beginner-developers-3i18
#repository #github #learning
https://dev.to/madza/19-valuable-github-repositories-for-beginner-developers-3i18
#repository #github #learning
Tips to avoid Async Await hell in JavaScript
https://dev.to/judionit/avoid-asyncawait-hell-2gb6
#async #await #hell
https://dev.to/judionit/avoid-asyncawait-hell-2gb6
#async #await #hell
Comparison between Promise All with Promise All Settled and with Async Await
https://javascript.plainenglish.io/promise-all-vs-promise-allsettled-vs-for-await-of-c32e1a327a20
---
Understand how Promise All works for parallel data execution
https://javascript.plainenglish.io/does-promise-all-execute-in-parallel-how-promise-all-works-in-javascript-fffc2e8d455d
#promise #async #await #parallel
https://javascript.plainenglish.io/promise-all-vs-promise-allsettled-vs-for-await-of-c32e1a327a20
---
Understand how Promise All works for parallel data execution
https://javascript.plainenglish.io/does-promise-all-execute-in-parallel-how-promise-all-works-in-javascript-fffc2e8d455d
#promise #async #await #parallel
Configure NGINX for multiple subdomains and multiple web apps at once
https://blog.logrocket.com/how-to-build-web-app-with-multiple-subdomains-nginx/
#nginx #subdomain
https://blog.logrocket.com/how-to-build-web-app-with-multiple-subdomains-nginx/
#nginx #subdomain