Learn JavaScript™
الذهاب إلى القناة على Telegram
All info, tutorial, JS tips and more ....! bio.link/javascript_js_ For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Programming courses @Programmingworld_dev For CEH,Cybersec: @technical_stark
إظهار المزيد4 411
المشتركون
-124 ساعات
لا توجد بيانات7 أيام
-330 أيام
أرشيف المشاركات
4 411
Ultimate List of Free Web Development Resources -.
Topics Covered 👇
🔹Online Learning Platforms
🔹 Free Code Snippets
🔹 Documents
🔹 Learn By Playing Games
🔹 Icons
🔹 Illustrations
🔹 Free Web Hosting
🔹 YouTube Channel
Let's Start 🔥
🔶 Online Leaning Platforms
🔹 Free Code Camp -
https://www.freecodecamp.org/
🔹 Udemy -
https://www.udemy.com/
🔹 Treehouse -
https://teamtreehouse.com/
🔹 Udacity -
https://www.udacity.com/
🔹 Cousera -
https://www.coursera.org/
🔹 Sololearn -
https://www.sololearn.com/
🔹 Frontend Masters -
https://frontendmasters.com/
🔹 W3Schools -
https://www.w3schools.com/
🔹 Codeacademy -
https://www.codecademy.com/
🔹 Traversy Media -
https://www.traversymedia.com/
🔹 Alison -
https://alison.com/
🔹 Skillshare -
https://www.skillshare.com/
🔹 MDN Docs -
https://developer.mozilla.org/en-US/
🔶 Free Code Snippets
🔹 Codepen -
https://codepen.io/
🔹 Free Frontend -
https://freefrontend.com/
🔹 Code My UI -
https://codemyui.com/
🔹 Play Code -
https://playcode.io/
🔹 JS Bin -
https://jsbin.com/
🔹 JS Fiddle -
https://jsfiddle.net/
🔹 CodeSandBox -
https://codesandbox.io/
🔹 Web Code Tools -
https://webcode.tools/
🔹CSS Flow -
https://www.cssflow.com/
🔹 CodePly -
https://www.codeply.com/
🔹 CodePad -
https://coderpad.io/
🔹 CSS Deck -
https://cssdeck.com/
🔹 Code Interview -
https://codeinterview.io/
🔶 Documentation
🔹 Dev Docs -
https://devdocs.io/
🔹 GeeksForGeeks -
https://devdocs.io/
🔹 Tutorials Point -
https://www.tutorialspoint.com/
🔹 W3Schools -
https://www.w3schools.com/
🔹 Java Point -
https://www.javatpoint.com/
🔶 Online Games
🔹 Floxbox Defense -
http://www.flexboxdefense.com/
🔹 Unflod -
https://unfold.com/
🔹 Grid Garden -
https://cssgridgarden.com/
🔹 CSS Diner -
https://flukeout.github.io/
🔹 Code Combat -
https://codecombat.com/
🔹 Coding Game -
https://www.codingame.com/
🔹 Screeps -
https://screeps.com/
🔹 Flexbox Froggy -
https://flexboxfroggy.com/
🔹 Code Monkey -
https://www.codemonkey.com/
🔹 Cyber Dojo -
https://www.cyber-dojo.org/creator/home
🔶 Free Icons
🔹 Font Awesome -
https://fontawesome.com/
🔹 Icons8 -
https://icons8.com/
🔹 Flaticon -
https://www.flaticon.com/
🔹 Pixeden -
https://www.pixeden.com/
🔹 Fontello -
https://fontello.com/
🔹 Icon Finder -
https://www.iconfinder.com/
🔹 Captain Icon -
https://mariodelvalle.github.io/CaptainIconWeb/
🔹 Endless Icons -
https://endlessicons.com/
🔹 Icon-Icons -
https://icon-icons.com/
🔹 Round Icons -
https://roundicons.com/
🔶 Illustrations
🔹 Freepik -
https://www.freepik.com/
🔹 Undraw -
https://undraw.co/
🔹 Drawkit -
https://www.drawkit.io/
🔹 Humaaans -
https://www.humaaans.com/
🔹 Handz -
https://www.handz.design/
🔹 Open Doodles -
https://www.opendoodles.com/
🔹 Illustration. co -
http://illustration.co/
🔹 Vivid Js -
https://webkul.github.io/vivid/
🔹 Many Pixels -
https://www.manypixels.co/
🔶 Free Web Hosting
🔹 GitHub Pages -
https://github.com/
🔹 Netlify -
https://www.netlify.com/
🔹 AWS -
https://aws.amazon.com/
🔹 Firebase -
https://firebase.google.com/
🔹 Infinity Free -
https://infinityfree.net/
🔹 WordPress -
https://wordpress.com/
🔹 Wix -
https://www.wix.com/
🔹 Weebly -
https://www.weebly.com/in
🔹 Shopify -
https://www.shopify.in/
🔶 YouTube Channel
🔹 FreeCodeCamp -
https://youtube.com/c/Freecodecamp
🔹Traversy Media -
https://youtube.com/c/TraversyMedia
🔹 Dev Ed -
https://youtube.com/c/DevEd
🔹 Programming With Mosh -
https://youtube.com/c/programmingwithmosh
🔹 Tyler Moore -
https://youtube.com/user/Conutant
🔹 Web Bos -
https://youtube.com/c/WesBos
🔹 Coding The Smart Way -
https://youtube.com/c/Codingthesmartway
🔹 Code With Harry -
https://youtube.com/c/CodeWithHarry
🔹 Clever Programmer -
https://youtube.com/c/CleverProgrammer
🔹 Yahoo Baba -
https://youtube.com/c/YahooBaba
🔹 Design Course -
https://youtube.com/c/DesignCourse
4 411
Do you want to escape the Tutorial Hell?
Develop your own projects.
Instead of passively following tutorials, use what you learned to create a side project.
Remember:
1 self-made project > 10 projects made following a tutorial.
4 411
Take a look at some of the new features in JavaScript ES2022
https://betterprogramming.pub/key-features-of-es2022-javascript-fa4e750f0d18
—-
Take a look at some ES2015 features that have been fully implemented in the browser engine and Node JS
https://betterprogramming.pub/do-we-still-need-to-compile-es6-javascript-code-into-es5-in-2022-f5ec70509e9b
#es2022 #es2015 #babel
4 411
A collection of VS Code extensions that can make a text editor feel like an IDE for JavaScript Development
https://betterprogramming.pub/turn-visual-studio-code-into-a-top-notch-javascript-ide-with-these-25-extensions-a809d4db3eb5
#vscode #extension #code
4 411
Becoming a Web3 developer isn't hard!
If you have the right support.
8 Stunning resources to kickstart your Web3 career 👇
1. Nader Dabit
Full-stack ethereum development. From Solidity to React, and Ethereum authentication.
https://youtube.com/c/naderdabit
2. Buildspace
If you're a dev that's curious about web3 but not sure where to start this is the spot for you.
Start building cool stuff right now, earn NFTs, access secret work opportunities in crypto.
https://buildspace.so/
3. OpenZeppelin
The standard for secure blockchain applications.
Deploy your NFTs, and learn how to create a Crypto coin through examples.
https://openzeppelin.com/
4. Alchemy
Deploy your first Smart Contract, or a super precise Gas prices estimator, completely for free on Alchemy's docs.
https://docs.alchemy.com/alchemy/
6. Ethereum
The source of every truth.
Learn Solidity by examples, understand how Ethereum works, and master Smart Contracts.
https://ethereum.org/en/developers/
7. useweb3
A collection of tens of resources, to learn Web3, and Blockchain Development, at every level.
https://www.useweb3.xyz/
8. Solidity by example
Learn Solidity using real-world cases. Learn how to transfer coins, create a bidding system, or how to deploy your own tokens.
https://solidity-by-example.org/
#Web3 #NFT #Crypto #ETH #Tokens
4 411
Everyone is talking about NFTs.
Only 0.001% of people understand their importance.
7 resources to understand NFTs ↓
1. Ethereum(dot)org
Learn what NFTs are from the creators of Ethereum themselves.
A full guide about use-cases, technology, and common principles!
https://ethereum.org/en/nft/
2.Hashnode Web3
The ultimate guide to what NFTs are and why they matter + a step-by-step guide on how to mint your own NFTs.
https://web3.hashnode.com/how-to-mint-an-nft-a-step-by-step-guide-to-creating-your-first-nft
3. Web3(dot)university
Covering the fundamentals of web3 development: from writing Solidity to minting NFTs, to building full-stack dApps.
https://www.web3.university/article/how-to-create-an-nft
4. airnfts
Literally, everything you need to know about NFTs, Metaverse, Cool projects, and much more!
https://www.airnfts.com/blog
5. nonfungible
As they say: "Your source of market analysis and projects reviews for the NFT ecosystem".
https://nonfungible.com/blog
6. NFT Plazas
The ultimate go-to website for everyone who wants to learn about NFTs + more as it covers a broad range of related topics.
https://nftplazas.com/
7. OpenSea
Where to learn about NFTs if not on the biggest NFTs Marketplace on Earth?
Tens of guides, data, and news.
https://opensea.io/blog
#NFT #Web3
4 411
Some of the new features of the Promise API that have been added in the Modern JavaScript update
https://dev.to/anshuman_bhardwaj/built-in-methods-of-promise-object-in-javascript-the-all-allsettled-any-and-race-explained-27p4
---
Practice using FormData Object with JavaScript
https://javascript.plainenglish.io/how-to-use-the-formdata-object-bb856096d0c4
---
Get to know Prototype in JavaScript in the form of Inheritance and class
https://dev.to/sjsouvik/prototypal-inheritance-and-classes-in-javascript-1f1
---
Know what Higher Order Functions are in Javascript
https://javascript.plainenglish.io/intro-to-higher-order-functions-in-javascript-1ec23a2a28cf
---
Converting conditional control flow in JavaScript and TypeScript to newer forms
https://dev.to/teekay/revisiting-conditionals-in-javascript-and-typescript-p5g
---
Know what JavaScript Hoisting is and how to fix it
https://dev.to/javascriptcoff1/what-is-hoisting-2gkl
---
See the reasons why JavaScript is a Just In Time Compilation or JIT programming language
https://javascript.plainenglish.io/why-javascript-is-called-interpreted-or-jit-just-in-time-compiled-c8cc490682bd
---
#promise #formdata #control #flow #hoisting #jit
4 411
Some of the new features of the Promise API that have been added in the Modern JavaScript update
https://dev.to/anshuman_bhardwaj/built-in-methods-of-promise-object-in-javascript-the-all-allsettled-any-and-race-explained-27p4
---
Practice using FormData Object with JavaScript
https://javascript.plainenglish.io/how-to-use-the-formdata-object-bb856096d0c4
---
Get to know Prototype in JavaScript in the form of Inheritance and class
https://dev.to/sjsouvik/prototypal-inheritance-and-classes-in-javascript-1f1
---
Know what Higher Order Functions are in Javascript
https://javascript.plainenglish.io/intro-to-higher-order-functions-in-javascript-1ec23a2a28cf
---
Converting conditional control flow in JavaScript and TypeScript to newer forms
https://dev.to/teekay/revisiting-conditionals-in-javascript-and-typescript-p5g
---
Know what JavaScript Hoisting is and how to fix it
https://dev.to/javascriptcoff1/what-is-hoisting-2gkl
---
4 411
Creating notes or documentation applications with Next JS
https://dev.to/shaan_alam/how-i-built-my-second-brain-using-nextjs-56e7
---
Practice making Instagram Clone with React and Node JS
https://www.freecodecamp.org/news/learn-how-to-create-an-instagram-clone-using-react/
---
#react #nextjs #docs #notes
4 411
Practice using MQTT Pub Sub in Node JS
https://blog.logrocket.com/getting-started-with-node-js-mqtt/
---
Important practice using Express Validator to validate data sent from user to Node JS backend
https://dev.to/jayeshchoudhary/schema-based-validation-using-express-validator-in-nodejs-5ck0
---
Using the Pino library for data and system logging in Node JS
https://javascript.plainenglish.io/create-industry-standard-logger-for-node-js-using-pino-4819d6b22bc3
---
Tips and tricks for learning flow using Node JS and JavaScript for php developers
https://dev.to/bornfightcompany/how-i-switched-from-php-to-nodejs-2bhf
---
#nodejs #mqtt #pino #logger #express #validator
4 411
Practice with Kevin Powell on some of the new CSS features that are now available
https://youtu.be/Ek1JP3BzbhY
#css #kevinPowell
4 411
References of several web hosting services to deploy web applications for free
https://blog.bitsrc.io/15-free-hosting-for-front-end-developers-9224bc34e14a
#hosting #deploy
4 411
Introduction to the Array Split function for conversion to Array form
https://www.freecodecamp.org/news/javascript-split-a-string-string-to-array-js-method/
#array #split #string
4 411
Data visualization in React JS with the help of Ant Design
https://blog.logrocket.com/data-visualization-with-react-ant-design/
---
A simple exercise using the Notion API in React JS
https://dev.to/alexeagleson/how-to-connect-a-react-app-to-a-notion-database-51mc
---
#react #ant #notion
4 411
Where to Learn React.JS in 2022 — A List of Resources for New Developers
https://blog.openreplay.com/where-to-learn-react-js-in-2022-a-list-of-resources-for-new-developers
4 411
Building Gatsby Themes For WordPress-Powered Websites
https://www.smashingmagazine.com/2021/12/building-gatsby-themes-wordpress-powered-websites/
4 411
Run Javascript code one magnitude faster using WebAssembly
https://windmaomao.medium.com/run-javascript-code-one-magnitude-faster-using-webassembly-448d470eb77d
4 411
Build an accessible “Skip to Content” anchor link with React.
https://levelup.gitconnected.com/build-an-accessible-skip-to-content-anchor-link-with-react-140903f3bd7e
4 411
eaf-linter — A linter, prettier, and test suite that does everything as-simple-as-possible.
https://github.com/fairfield-programming/eaf-linter
