🎉 Welcome to Future Fullstack! 🚀
Hi everyone, I’m Shuayb! I’m super excited to share my web development journey with you all 🌐💻
Here’s what you can expect from this channel:
Daily Coding Tips 📝 — practical tips to level up your skills
Project Updates 🔄 — see what I’m currently building
Learning Moments 💡 — insights and lessons I pick up each day
Fun Challenges 🎯 — interactive exercises we can tackle together
Feel free to ask questions, share your thoughts, or just say hi! Let’s grow together in tech. I can’t wait to see where this journey takes us 💪
And if you know anyone interested in coding, invite them to join our community 🤝
Hi everyone, I’m Shuayb! I’m super excited to share my web development journey with you all 🌐💻
Here’s what you can expect from this channel:
Daily Coding Tips 📝 — practical tips to level up your skills
Project Updates 🔄 — see what I’m currently building
Learning Moments 💡 — insights and lessons I pick up each day
Fun Challenges 🎯 — interactive exercises we can tackle together
Feel free to ask questions, share your thoughts, or just say hi! Let’s grow together in tech. I can’t wait to see where this journey takes us 💪
And if you know anyone interested in coding, invite them to join our community 🤝
👍4❤2🔥2
Forwarded from Learn JavaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Today I learned about asynchronous JavaScript 🤯
Before this, I didn’t really understand how JS handles things like API calls or waiting for data.
Here’s what finally clicked for me 👇
1️⃣ Callbacks
Old-school way. You pass a function into another function and it runs later.
Works… but can get messy (callback hell is real).
2️⃣ Promises
A promise represents a value that will be available in the future.
States:
- pending
- fulfilled
- rejected
This already feels way cleaner than callbacks.
3️⃣ async / await
This was the biggest “aha” moment.
It lets you write async code that looks like normal synchronous code.
So much easier to read and debug.
4️⃣ fetch API
Used to make HTTP requests.
Returns a promise → which is why async/await fits perfectly with it.
5️⃣ XMLHttpRequest
The older way to make requests.
More code, more complexity, but good to know what came before fetch.
Async code felt scary at first, but now it actually makes sense.
Still practicing, but today was a big win 💪
Learning in public feels uncomfortable, but I’m sticking with it 🚀
Before this, I didn’t really understand how JS handles things like API calls or waiting for data.
Here’s what finally clicked for me 👇
1️⃣ Callbacks
Old-school way. You pass a function into another function and it runs later.
Works… but can get messy (callback hell is real).
2️⃣ Promises
A promise represents a value that will be available in the future.
States:
- pending
- fulfilled
- rejected
This already feels way cleaner than callbacks.
3️⃣ async / await
This was the biggest “aha” moment.
It lets you write async code that looks like normal synchronous code.
So much easier to read and debug.
4️⃣ fetch API
Used to make HTTP requests.
Returns a promise → which is why async/await fits perfectly with it.
5️⃣ XMLHttpRequest
The older way to make requests.
More code, more complexity, but good to know what came before fetch.
Async code felt scary at first, but now it actually makes sense.
Still practicing, but today was a big win 💪
Learning in public feels uncomfortable, but I’m sticking with it 🚀
👍3🔥2❤1
Next step in my JavaScript journey 🚀
I’m going to build a Weather App using JavaScript 🌦️
The goal is to practice:
- Working with APIs
- Using fetch + async/await in a real project
- Handling user input
- Updating the DOM with real data
- Dealing with loading states & errors
Not aiming for perfection — just trying to turn what I learned about async JS into something real.
Let’s see how it goes 👨💻
I’m going to build a Weather App using JavaScript 🌦️
The goal is to practice:
- Working with APIs
- Using fetch + async/await in a real project
- Handling user input
- Updating the DOM with real data
- Dealing with loading states & errors
Not aiming for perfection — just trying to turn what I learned about async JS into something real.
Let’s see how it goes 👨💻
🔥6
🚀 Weather App – Done!
Just finished building my Weather App using JavaScript 🌦️
This project helped me practice:
Async JavaScript (fetch, promises, async/await)
Working with real APIs (OpenWeather)
DOM manipulation & user interactions
🔗 Live demo:
https://weatherapp3443.netlify.app/
💻 Source code:
https://github.com/shuayb344/weather-app
More projects coming soon 👨💻🔥
@futurefullstack
Just finished building my Weather App using JavaScript 🌦️
This project helped me practice:
Async JavaScript (fetch, promises, async/await)
Working with real APIs (OpenWeather)
DOM manipulation & user interactions
🔗 Live demo:
https://weatherapp3443.netlify.app/
💻 Source code:
https://github.com/shuayb344/weather-app
More projects coming soon 👨💻🔥
@futurefullstack
🔥8👍2
Future Full-Stack
🚀 Weather App – Done! Just finished building my Weather App using JavaScript 🌦️ This project helped me practice: Async JavaScript (fetch, promises, async/await) Working with real APIs (OpenWeather) DOM manipulation & user interactions 🔗 Live demo: ht…
I updated it now it looks better for mobile phones
Forwarded from Byte Talk
Student ID benefits
> Google Gemini Pro
> Student ID flight booking
> GitHub Student Pack
> GitHub Copilot
> DigitalOcean credits
> AWS Educate
> Google Cloud credits
> Microsoft Azure $100 credits
> MongoDB Atlas credits
> Heroku credits
> Vercel Pro features
> Netlify enhanced limits
> Railway student discount
> Namecheap free domain + SSL
> Cloudflare Pro
> Postman Student Expert
> Replit Pro
> Cursor Pro
> JetBrains IDEs
> Autodesk
> Figma
> Canva for Education
> Notion
> Grammarly EDU
> Microsoft 365 Education
> LinkedIn Learning
> Coursera financial aid
> edX free course audits
> Udemy free courses
> Pluralsight student plan
> Educative free courses
> Free certification courses
> Spotify Student
> Apple Music Student
> YouTube Premium Student
> Amazon Prime Student
> UNiDAYS discounts
> Student Beans discounts
> Apple Education pricing
> Samsung Student Store
> EarPods free with MacBook (education offer)
> IBM SkillsBuild
> Meta Blueprint certifications
> OpenAI API credits (via student programs)
> Blender (fully free)
> Unity Student license
> Miro Education plan
> Sketch student pricing
> Todoist Pro for students
> Evernote student discount
> Zoom Education benefits
> Slack Education plan
> Perplexity Pro Student
> Free .me domain (GitHub pack)
> Free SSL certificates
> Linear student plan
> ClickUp Education plan
> Asana student access
> Airtable free education workspace
> Obsidian free for students
> Arc Browser student perks
> Raycast Pro student discount
> Loom Education plan
> GitKraken Student pack
> JetBrains Space Education
> DigitalOcean App Platform credits
> Stripe fee-free test credits
> PayPal sandbox credits
> Oracle Cloud Free Tier (Student)
> SAP Learning Hub Student
> Red Hat Developer Subnoscription
> Intel Developer Zone access
> Nvidia student resources & credits
> Kali Linux training discounts
> Hack The Box student labs
> TryHackMe student plan
> LeetCode student discounts
> InterviewBit free practice
> HackerRank student certifications
> Kaggle free compute & datasets
> Google Developer Student Clubs perks
> Microsoft Learn student challenges
> Free conference tickets (student passes)
> Free hackathon swag & cloud credits
> Google Gemini Pro
> Student ID flight booking
> GitHub Student Pack
> GitHub Copilot
> DigitalOcean credits
> AWS Educate
> Google Cloud credits
> Microsoft Azure $100 credits
> MongoDB Atlas credits
> Heroku credits
> Vercel Pro features
> Netlify enhanced limits
> Railway student discount
> Namecheap free domain + SSL
> Cloudflare Pro
> Postman Student Expert
> Replit Pro
> Cursor Pro
> JetBrains IDEs
> Autodesk
> Figma
> Canva for Education
> Notion
> Grammarly EDU
> Microsoft 365 Education
> LinkedIn Learning
> Coursera financial aid
> edX free course audits
> Udemy free courses
> Pluralsight student plan
> Educative free courses
> Free certification courses
> Spotify Student
> Apple Music Student
> YouTube Premium Student
> Amazon Prime Student
> UNiDAYS discounts
> Student Beans discounts
> Apple Education pricing
> Samsung Student Store
> EarPods free with MacBook (education offer)
> IBM SkillsBuild
> Meta Blueprint certifications
> OpenAI API credits (via student programs)
> Blender (fully free)
> Unity Student license
> Miro Education plan
> Sketch student pricing
> Todoist Pro for students
> Evernote student discount
> Zoom Education benefits
> Slack Education plan
> Perplexity Pro Student
> Free .me domain (GitHub pack)
> Free SSL certificates
> Linear student plan
> ClickUp Education plan
> Asana student access
> Airtable free education workspace
> Obsidian free for students
> Arc Browser student perks
> Raycast Pro student discount
> Loom Education plan
> GitKraken Student pack
> JetBrains Space Education
> DigitalOcean App Platform credits
> Stripe fee-free test credits
> PayPal sandbox credits
> Oracle Cloud Free Tier (Student)
> SAP Learning Hub Student
> Red Hat Developer Subnoscription
> Intel Developer Zone access
> Nvidia student resources & credits
> Kali Linux training discounts
> Hack The Box student labs
> TryHackMe student plan
> LeetCode student discounts
> InterviewBit free practice
> HackerRank student certifications
> Kaggle free compute & datasets
> Google Developer Student Clubs perks
> Microsoft Learn student challenges
> Free conference tickets (student passes)
> Free hackathon swag & cloud credits
👍5
