Free Platforms to Learn Coding 🔎
🌎 HTML - https://html.com
🌈 CSS - https://web.dev/learn/css
🧩 JavaScript - https://javascript.info
🎟 React - https://reactplay.io
🎫 Vue.js - https://learnvue.co
🎯 Git - https://git-scm.com/book/en/v2
🎮 Web3 - https://learnweb3.io
⚓️ Python - https://learnpython.org
🚦 SQL - https://www.w3schools.com/sql
📀 BlockChain - https://cryptozombies.io
💻 Nextjs - https://nextjs.org/learn/foundations/about-nextjs
🧭 AI - https://www.elementsofai.com
⚙️ ML - https://www.freecodecamp.org/learn/machine-learning-with-python
⛓ PHP - https://phptherightway.com
🧿 API - https://rapidapi.com/learn
📍 GO - https://learn-golang.org
✂️ Rust - https://www.rust-lang.org/learn
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
🌎 HTML - https://html.com
🌈 CSS - https://web.dev/learn/css
🧩 JavaScript - https://javascript.info
🎟 React - https://reactplay.io
🎫 Vue.js - https://learnvue.co
🎯 Git - https://git-scm.com/book/en/v2
🎮 Web3 - https://learnweb3.io
⚓️ Python - https://learnpython.org
🚦 SQL - https://www.w3schools.com/sql
📀 BlockChain - https://cryptozombies.io
💻 Nextjs - https://nextjs.org/learn/foundations/about-nextjs
🧭 AI - https://www.elementsofai.com
⚙️ ML - https://www.freecodecamp.org/learn/machine-learning-with-python
⛓ PHP - https://phptherightway.com
🧿 API - https://rapidapi.com/learn
📍 GO - https://learn-golang.org
✂️ Rust - https://www.rust-lang.org/learn
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
You can learn general programming, web development, machine learning, data science, etc.
When we start learning this technical field, a common problem we all face is finding the right resources.
freeCodeCamp will be your one stop solution.
They got a pretty great YouTube channel as well with a bunch of great tutorials.
It’s 100% free. The courses, the projects, even the certifications.
freecodecamp.org
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
When we start learning this technical field, a common problem we all face is finding the right resources.
freeCodeCamp will be your one stop solution.
They got a pretty great YouTube channel as well with a bunch of great tutorials.
It’s 100% free. The courses, the projects, even the certifications.
freecodecamp.org
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
5 things to keep in mind to write better Git/Github commit messages.
1. Start with a verb (Add, Fix, Update) to indicate what the commit does.
✅
2. Commit message should always be in the present tense to describe what the code does when applied.
❌
✅
3. Your commit message should describe what the commit does and why it is necessary.
❌
✅
4. If applicable, refer to tickets or issues in your commit message.
✅
5. Avoid using complicated technical terms in your commit message to make it understandable across the team.
❌
✅
#git #github #commit
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
1. Start with a verb (Add, Fix, Update) to indicate what the commit does.
✅
Add 2FA for user authentication2. Commit message should always be in the present tense to describe what the code does when applied.
❌
Added, Updated, Fixed, Refactored✅
Add, Update, Fix, Refactor3. Your commit message should describe what the commit does and why it is necessary.
❌
Update styles✅
Update styles for the homepage4. If applicable, refer to tickets or issues in your commit message.
✅
Fixes #14: Resolve issue with form submission5. Avoid using complicated technical terms in your commit message to make it understandable across the team.
❌
Optimize CRUD operations with RESTful APIs using GraphQL✅
Improve data handling for better API performance#git #github #commit
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
Forwarded from Learn Web Development
8 free eBooks and websites to help you learn web development (for free):
1. The Magic of CSS
The content in this eBook is for all-level developers. Learn about layout, box-model, positioning etc. with sample code snippets.
→ adamschwartz.co/magic-of-css/
2. DOM Enlightenment
"DOM Enlightenment" is a free online book that explores DOM in-depth, providing a clear and detailed understanding of how it works.
→ domenlightenment.com
3. Eloquent JavaScript
Introduction to programming in JavaScript focuses on writing real-world websites.
→ eloquentjavascript.net
4. Pro Git book
Learn everything about Git with infographics.
→ git-scm.com/book/en/v2
5. SQL
SQL is one of the crucial skills for web development.
Down these well structured notes in PDF format for free.
→ goalkicker.com/SQLBook/
6. Law of UI and UX
Collection of best practices that developers and designers can consider when building user interfaces.
→ lawsofux.com
7. Learn CSS Grid
This guide was created as a resource to help you better understand and learn Grid.
→ learncssgrid.com
8. React
React Express is a free eBook/guide that covers the basics of React, including components, state, props, and more.
→ react.express
#Webdevelopment #JS #JavaScript #Html #Css #React
Follow @learn_webdevelopment for Web development content
1. The Magic of CSS
The content in this eBook is for all-level developers. Learn about layout, box-model, positioning etc. with sample code snippets.
→ adamschwartz.co/magic-of-css/
2. DOM Enlightenment
"DOM Enlightenment" is a free online book that explores DOM in-depth, providing a clear and detailed understanding of how it works.
→ domenlightenment.com
3. Eloquent JavaScript
Introduction to programming in JavaScript focuses on writing real-world websites.
→ eloquentjavascript.net
4. Pro Git book
Learn everything about Git with infographics.
→ git-scm.com/book/en/v2
5. SQL
SQL is one of the crucial skills for web development.
Down these well structured notes in PDF format for free.
→ goalkicker.com/SQLBook/
6. Law of UI and UX
Collection of best practices that developers and designers can consider when building user interfaces.
→ lawsofux.com
7. Learn CSS Grid
This guide was created as a resource to help you better understand and learn Grid.
→ learncssgrid.com
8. React
React Express is a free eBook/guide that covers the basics of React, including components, state, props, and more.
→ react.express
#Webdevelopment #JS #JavaScript #Html #Css #React
Follow @learn_webdevelopment for Web development content
5 VS Code extensions that can get you ahead of 90% of people.
1. Code Reactions
React with emojis on any piece of code.
It's super helpful for delivering quick feedback on code when you work in a team.
👍 Code is ok!
👎 Improvement required
🐛 Bug
Moreover, you can drop a comment on any code.
🔗https://marketplace.visualstudio.com/items?itemName=Adadot.code-reactions
2. Tabnine
Complete your code as you write.
This AI-based code completion extension,
• Suggests whole line code
• Full funtions code completion
• Converts natural language to code
The best part, your code remains private.
🔗 https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
3. Codium
AI age makes writing tests easier than ever!
With Codium,
• Generates tests
• Covers edge cases
• Best practice, readability code suggestions
• Gives you the code explanation
And it's absolutely free!
🔗 https://marketplace.visualstudio.com/items?itemName=Codium.codium
4. Peacock
Do you have a habit of keeping multiple VS Code windows open?
Peacock lets you change the color of your VS code even if multiple instances are open.
🔗 https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
5. CSS Peek
Jump from HTML file to CSS.
In your HTML file, right-click on any class name mentioned in the HTML element to see what that particular class does.
Super helpful for,
• Quick debugging
• Understanding the codebase
• Save time
🔗 https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
#vscode #extensions
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
1. Code Reactions
React with emojis on any piece of code.
It's super helpful for delivering quick feedback on code when you work in a team.
👍 Code is ok!
👎 Improvement required
🐛 Bug
Moreover, you can drop a comment on any code.
🔗https://marketplace.visualstudio.com/items?itemName=Adadot.code-reactions
2. Tabnine
Complete your code as you write.
This AI-based code completion extension,
• Suggests whole line code
• Full funtions code completion
• Converts natural language to code
The best part, your code remains private.
🔗 https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
3. Codium
AI age makes writing tests easier than ever!
With Codium,
• Generates tests
• Covers edge cases
• Best practice, readability code suggestions
• Gives you the code explanation
And it's absolutely free!
🔗 https://marketplace.visualstudio.com/items?itemName=Codium.codium
4. Peacock
Do you have a habit of keeping multiple VS Code windows open?
Peacock lets you change the color of your VS code even if multiple instances are open.
🔗 https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
5. CSS Peek
Jump from HTML file to CSS.
In your HTML file, right-click on any class name mentioned in the HTML element to see what that particular class does.
Super helpful for,
• Quick debugging
• Understanding the codebase
• Save time
🔗 https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
#vscode #extensions
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
Top 10 Github Repositories For Web Developer
1. Web Developer-Roadmap :
https://github.com/kamranahmedse/developer-roadmap
2. 30-Seconds-Of-Code : https://github.com/30-seconds/30-seconds-of-code
3. Awesome-Cheatsheets : https://github.com/LeCoupa/awesome-cheatsheets
4. CSS-Protips : https://github.com/AllThingsSmitty/css-protips
5. 33-JS-Concepts : https://github.com/leonardomso/33-js-concepts
6. You-Dont-Know-JS : https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed
7. Front-End-Checklist : https://github.com/thedaviddias/Front-End-Checklist
8. Javascript-Questions : https://github.com/lydiahallie/javascript-questions
9. Clean-Code-Javascript : https://github.com/ryanmcdermott/clean-code-javascript
10. free-programming-books : https://github.com/EbookFoundation/free-programming-books
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
1. Web Developer-Roadmap :
https://github.com/kamranahmedse/developer-roadmap
2. 30-Seconds-Of-Code : https://github.com/30-seconds/30-seconds-of-code
3. Awesome-Cheatsheets : https://github.com/LeCoupa/awesome-cheatsheets
4. CSS-Protips : https://github.com/AllThingsSmitty/css-protips
5. 33-JS-Concepts : https://github.com/leonardomso/33-js-concepts
6. You-Dont-Know-JS : https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed
7. Front-End-Checklist : https://github.com/thedaviddias/Front-End-Checklist
8. Javascript-Questions : https://github.com/lydiahallie/javascript-questions
9. Clean-Code-Javascript : https://github.com/ryanmcdermott/clean-code-javascript
10. free-programming-books : https://github.com/EbookFoundation/free-programming-books
➖➖➖➖➖➖➖➖➖➖➖➖➖
Join @coderblast for more ☑️
Share with your buddies 🤝
Forwarded from Learn AI, MetaVerse, Web3
OpenAI is probably introducing a calling feature within ChatGPT, and possibly we can see a demo on Monday. This leak came out of the blue and was unexpected.
OpenAI now has webRTC servers in place to make this happen as well that were recently provisioned.
OpenAI now has webRTC servers in place to make this happen as well that were recently provisioned.
Forwarded from Learn AI, MetaVerse, Web3
OpenAI has an amazing resource to learn Deep Reinforcement Learning – spinningup.openai.com
(From 4 years ago)
(From 4 years ago)
Forwarded from Learn AI, MetaVerse, Web3
OpenAI seems to be planning / working on direct Google Calendar & Google Drive integration - assuming this will be able to search your files and understand content in documents, sheets and presentations.
For More AI , Metaverse, Web3 Content Join @AI_metaverse_web3_learn
For More AI , Metaverse, Web3 Content Join @AI_metaverse_web3_learn