Which command is correct to install next app
Anonymous Quiz
21%
npm create-next-app@latest
64%
npx create-next-app@latest
10%
npm next-app@latest init
5%
npm create-next-app/@latest
React Context API Explained with Examples
https://www.freecodecamp.org/news/react-context-api-explained-with-examples/
https://www.freecodecamp.org/news/react-context-api-explained-with-examples/
freeCodeCamp.org
React Context API Explained with Examples
Managing state has always been a critical aspect of making web applications with React. The most basic way to do this is prop drilling. In prop drilling, you pass props around from the parent component to other components that need it, no matter how ...
Forwarded from ጉጉት's Journey (Freab)
https://www.uifonts.app/?primaryFont=Domine&secondaryFont=Noto+Sans+JP
you can test and preview fonts in real-time to find the ideal typeface for any design project using this
you can test and preview fonts in real-time to find the ideal typeface for any design project using this
Forwarded from Code Tactics
10 Useful Websites/Tools for Developers(#part 3)
- CSS-Tricks
A comprehensive resource for CSS techniques, tips, and tutorials.
Link: https://css-tricks.com
- Smashing Magazine
Offers articles, books, and resources on web design and development best practices.
Link: https://www.smashingmagazine.com
- JSONGrid
An all-in-one solution for formatting, validating, and viewing JSON data easily.
Link: https://jsongrid.com/
- Transfonter
A tool that generates @font-face CSS and converts fonts into multiple formats like WOFF and SVG.
Link: https://transfonter.org/
- EchoAPI
Enhances development speed and efficiency by providing streamlined API solutions.
Link: https://echoapi.com/
- PageSpeed Insights
Google's tool for analyzing and optimizing website performance across devices.
Link: https://developers.google.com/speed/pagespeed/insights/
- Responsively
A tool for previewing responsive designs on multiple devices simultaneously.
Link: https://responsively.app
- CodePen
An online code editor and social development environment for front-end designers and developers.
Link: https://codepen.io
- TW Elements
A collection of Tailwind CSS components based on Bootstrap's design principles.
Link: https://tw-elements.com
- Patterns Dev
Stay updated on the latest design patterns and performance optimization techniques in web development.
Link: https://www.patterns.dev
🎖JOIN & SHARE: @CODETACTICS
Tags: #tools #developers #best_tools #css #css_tricks #smashingmagazine #jsongrid #transfonter #echoapi #pagespeed #insights #responsively #codepen #tw_elements #patterns #uiux #free #resources #part_3
- CSS-Tricks
A comprehensive resource for CSS techniques, tips, and tutorials.
Link: https://css-tricks.com
- Smashing Magazine
Offers articles, books, and resources on web design and development best practices.
Link: https://www.smashingmagazine.com
- JSONGrid
An all-in-one solution for formatting, validating, and viewing JSON data easily.
Link: https://jsongrid.com/
- Transfonter
A tool that generates @font-face CSS and converts fonts into multiple formats like WOFF and SVG.
Link: https://transfonter.org/
- EchoAPI
Enhances development speed and efficiency by providing streamlined API solutions.
Link: https://echoapi.com/
- PageSpeed Insights
Google's tool for analyzing and optimizing website performance across devices.
Link: https://developers.google.com/speed/pagespeed/insights/
- Responsively
A tool for previewing responsive designs on multiple devices simultaneously.
Link: https://responsively.app
- CodePen
An online code editor and social development environment for front-end designers and developers.
Link: https://codepen.io
- TW Elements
A collection of Tailwind CSS components based on Bootstrap's design principles.
Link: https://tw-elements.com
- Patterns Dev
Stay updated on the latest design patterns and performance optimization techniques in web development.
Link: https://www.patterns.dev
🎖JOIN & SHARE: @CODETACTICS
Tags: #tools #developers #best_tools #css #css_tricks #smashingmagazine #jsongrid #transfonter #echoapi #pagespeed #insights #responsively #codepen #tw_elements #patterns #uiux #free #resources #part_3
https://built.codenight.et/project/c9b0c9fb-87c4-422d-804f-05ebb5f631f3
built is amazing platform for all ethiopian developers to show our project.
post your working project and join the community. no matter how its small.
built is amazing platform for all ethiopian developers to show our project.
post your working project and join the community. no matter how its small.
built.codenight.et
Built | Projects for developers
Where you find all the best projects
Forwarded from Yonas.dev 🦄
🌐 Path to Becoming a Web Development Pro 🚀
Becoming a web pro takes a strategic approach and dedicated practice. Here are my top steps to mastering web development from the ground up:
1- Master the Basics 🛠
Start with HTML, CSS, and JavaScript. Focus on creating simple, responsive pages. These are your building blocks for everything ahead.
2- Get Comfortable with Version Control 🔄
Learn Git and GitHub to manage your code efficiently. Version control is key when working with teams or contributing to open-source.
3- Dive into Advanced JavaScript 🔍
Once the basics feel solid, explore ES6+, asynchronous programming, and popular frameworks like React or Vue. JavaScript will unlock powerful, dynamic features on the web.
4- Understand Back-End Basics ⚙️
Learn a server-side language (like Node.js with Express) and get familiar with databases (MySQL, MongoDB). This knowledge will make you a versatile, full-stack developer.
5- Build, Build, Build 🔨
Projects are where you’ll apply your skills. Try cloning popular websites, building an e-commerce platform, or creating an interactive portfolio site.
6- Work with Real-World APIs 🌐
Get hands-on with APIs—integrate them into your projects. Whether it’s a weather app or a payment gateway, understanding APIs will help you build real-world applications.
7- Deploy Your Work ☁️
Learn about hosting and deployment. Push your projects live using services like GitHub Pages, Vercel, or Netlify. Seeing your work online is a great motivator!
Stay Consistent 📅
Set aside daily or weekly time for coding and learning new skills. Follow tutorials, read documentation, and join developer communities to stay updated.
Remember, web development is all about continuous improvement and learning from real projects. Keep challenging yourself, and you’ll see progress in no time! 💪
Happy Coding! 😎
Becoming a web pro takes a strategic approach and dedicated practice. Here are my top steps to mastering web development from the ground up:
1- Master the Basics 🛠
Start with HTML, CSS, and JavaScript. Focus on creating simple, responsive pages. These are your building blocks for everything ahead.
2- Get Comfortable with Version Control 🔄
Learn Git and GitHub to manage your code efficiently. Version control is key when working with teams or contributing to open-source.
3- Dive into Advanced JavaScript 🔍
Once the basics feel solid, explore ES6+, asynchronous programming, and popular frameworks like React or Vue. JavaScript will unlock powerful, dynamic features on the web.
4- Understand Back-End Basics ⚙️
Learn a server-side language (like Node.js with Express) and get familiar with databases (MySQL, MongoDB). This knowledge will make you a versatile, full-stack developer.
5- Build, Build, Build 🔨
Projects are where you’ll apply your skills. Try cloning popular websites, building an e-commerce platform, or creating an interactive portfolio site.
6- Work with Real-World APIs 🌐
Get hands-on with APIs—integrate them into your projects. Whether it’s a weather app or a payment gateway, understanding APIs will help you build real-world applications.
7- Deploy Your Work ☁️
Learn about hosting and deployment. Push your projects live using services like GitHub Pages, Vercel, or Netlify. Seeing your work online is a great motivator!
Stay Consistent 📅
Set aside daily or weekly time for coding and learning new skills. Follow tutorials, read documentation, and join developer communities to stay updated.
Remember, web development is all about continuous improvement and learning from real projects. Keep challenging yourself, and you’ll see progress in no time! 💪
Happy Coding! 😎
Forwarded from 4-3-3 Forex Channel (Abđįmãdrįdištâ)
ቴሌግራም የቪዛ ቨርቹዋል Debitcards አገልግሎት ሊጀምር መሆኑ ተነግሯል ። ቴሌግራም ለተጠቃሚዎቹ ይሄንን የቨርቹዋል ቪዛ አገልግሎት ለማቅረብ እየሰራ መሆኑ የተገለፀ ሲሆን የትኛውም የቴሌግራም ተጠቃሚ ይሄንን ቨርቹዋል ካርድ በመጠቀም የፈለገውን ክፍያ መክፈል እንዲችል እንደሚደረግ ነው የተገለፀው ።
ይሄ የቨርቹዋል አገልግሎት ክፍያው በ USDT በ Ton እና በመሳሰሉ በቶንብሎክቼይን ስር ያሉ የክሪፕቶ የክፍያ አማራጮችን እንደሚጠቀም ነው የተገለፀው 👋
@Ethiocrypto_433
@Ethiocrypto_433
ይሄ የቨርቹዋል አገልግሎት ክፍያው በ USDT በ Ton እና በመሳሰሉ በቶንብሎክቼይን ስር ያሉ የክሪፕቶ የክፍያ አማራጮችን እንደሚጠቀም ነው የተገለፀው 👋
@Ethiocrypto_433
@Ethiocrypto_433
Forwarded from 4-3-3 Forex Channel (𝐌𝐔𝐁𝐀 𝐉𝐑 🕊🍅)
🤖AI በ crypto ትሬዲንግ ከ$1,500 ወደ $1.88m ዶላር ትርፍ ማሳደግ ቻለ።
በአርቴፊሻል ኢንተለጀንስ (Ai) ላይ የተመሰረተ ትሬዲንግ bot Tee Hee ሶላናን ትሬድ በማድረግ በመነሻ 1,500 ዶላር በአምስት ሰአት ውስጥ ወደ 1.88 ሚሊዮን ዶላር መቀየር እንደቻለ በስፋት እየተነገረ ይገኛል።
🥶🔥
@EthioCrypto_433 @EthioCrypto_433
በአርቴፊሻል ኢንተለጀንስ (Ai) ላይ የተመሰረተ ትሬዲንግ bot Tee Hee ሶላናን ትሬድ በማድረግ በመነሻ 1,500 ዶላር በአምስት ሰአት ውስጥ ወደ 1.88 ሚሊዮን ዶላር መቀየር እንደቻለ በስፋት እየተነገረ ይገኛል።
🥶🔥
@EthioCrypto_433 @EthioCrypto_433
Forwarded from High IQ Memes
Follow 👉 @ChatGPT_Tips
Please open Telegram to view this post
VIEW IN TELEGRAM
😁1
Forwarded from High IQ Memes
Follow 👉 @ChatGPT_Tips
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Tech Nerd (Tech Nerd)
Frectonz
1000 ETB says harris is gonna win,
who's gonna take the other side of the bet?
who's gonna take the other side of the bet?
Build a Kamala vs. Trump betting website. Integrate Stripe (or another option) so people can deposit money and place bets, then share on X (yes, Twitter 😅). The app should be simple: a countdown to the result release, and if there's an API available, integrate it to show live results.
Also, add a shareable card/link so users can invite others to bet.
Tech stack: Next.js + V0. Since Stripe isn’t an option, try using PayPal. 😁
for api this might help ig ( not sure tho ) : API_LINK
@selfmadecoder
Also, add a shareable card/link so users can invite others to bet.
Tech stack: Next.js + V0. Since Stripe isn’t an option, try using PayPal. 😁
for api this might help ig ( not sure tho ) : API_LINK
@selfmadecoder