Forwarded from Learn Html
Practice using HTML5 video player to embed videos into web pages
https://www.freecodecamp.org/news/html-video-how-to-embed-a-video-player-with-the-html-5-video-tag/
---
Some HTML tag attributes that are rarely known but useful
https://javascript.plainenglish.io/5-html-attributes-that-you-probably-dont-know-of-c8947de3a1bb
---
#html #video #player
https://www.freecodecamp.org/news/html-video-how-to-embed-a-video-player-with-the-html-5-video-tag/
---
Some HTML tag attributes that are rarely known but useful
https://javascript.plainenglish.io/5-html-attributes-that-you-probably-dont-know-of-c8947de3a1bb
---
#html #video #player
View the release notes of Micro ORM version 5.x
https://medium.com/itnext/mikro-orm-5-stricter-safer-smarter-b8412e84cca4
#nodejs #mikroORM
https://medium.com/itnext/mikro-orm-5-stricter-safer-smarter-b8412e84cca4
#nodejs #mikroORM
Learn How To Create, Test and Deploy a Single Page App with Vue 3 + Vite and Pinia
https://labs.pineview.io/learn-how-to-build-test-and-deploy-a-single-page-app-with-vue-3-vite-and-pinia/
#Vue #Vite #Pina #JavaScript
https://labs.pineview.io/learn-how-to-build-test-and-deploy-a-single-page-app-with-vue-3-vite-and-pinia/
#Vue #Vite #Pina #JavaScript
Forwarded from Learn AI, MetaVerse, Web3
5 Web3 concepts you should know if you want to be a web3 developer
https://telegra.ph/5-Web3-concepts-you-should-know-if-you-want-to-be-a-web3-developer-02-13
For More Web3 Content Join @web3_learn
https://telegra.ph/5-Web3-concepts-you-should-know-if-you-want-to-be-a-web3-developer-02-13
For More Web3 Content Join @web3_learn
Telegraph
5 Web3 concepts you should know if you want to be a web3 developer
5 Web3 concepts you should know if you want to be a web3 developer - Blockchain Architecture You should have a clear understanding of how the blockchain works, as well as knowledge of blockchain concepts such as: → Cryptography → Types of blockchains → Distributed…
JavaScript is a tool.
React is a tool.
Python is a tool.
Solidity is a tool.
Concentrate on solving problems with the right tool, not on the tool itself
React is a tool.
Python is a tool.
Solidity is a tool.
Concentrate on solving problems with the right tool, not on the tool itself
Clone Trello with Strapi CMS and React JS
https://strapi.medium.com/build-a-trello-clone-application-with-react-and-strapi-f554bfc2d756
#strapi #cms #react #clone
https://strapi.medium.com/build-a-trello-clone-application-with-react-and-strapi-f554bfc2d756
#strapi #cms #react #clone
Forwarded from Learn CSS™
Several ways to create a box shadow effect with CSS
https://blog.logrocket.com/three-ways-style-css-box-shadow-effects/
#css #boxshadow
https://blog.logrocket.com/three-ways-style-css-box-shadow-effects/
#css #boxshadow
Practice converting String to Integer with parseInt
https://www.freecodecamp.org/news/parseint-in-javascript-js-string-to-int-example/
#parseInt #integer
https://www.freecodecamp.org/news/parseint-in-javascript-js-string-to-int-example/
#parseInt #integer
Tips for making error handling in Express JS
https://dev.to/pr0gramista/fix-your-express-error-handling-now-4h2l
---
Basic practice on implementing Authentication with Passport JS on Express JS
https://dev.to/ratneshjain40/beginners-guide-to-authentication-and-authorization-in-client-server-model-express-js-and-passport-n46
#express #error #handler #passport #auth
https://dev.to/pr0gramista/fix-your-express-error-handling-now-4h2l
---
Basic practice on implementing Authentication with Passport JS on Express JS
https://dev.to/ratneshjain40/beginners-guide-to-authentication-and-authorization-in-client-server-model-express-js-and-passport-n46
#express #error #handler #passport #auth
Some new features of ES2022
https://medium.com/@bsalwiczek/4-most-important-features-coming-in-es2022-that-you-should-know-about-f7e18c1bff9b
—-
Know what Currying is and examples of cases
https://blog.bitsrc.io/currying-by-example-for-javascript-developers-b1c8bc02dd5a
—-
Understand some basic concepts in JavaScript such as Callbacks, Call Stacks, and higher order functions
https://javascript.plainenglish.io/the-call-stack-callbacks-and-higher-order-functions-9191302481a0
---
#es2022 #callback #currying
https://medium.com/@bsalwiczek/4-most-important-features-coming-in-es2022-that-you-should-know-about-f7e18c1bff9b
—-
Know what Currying is and examples of cases
https://blog.bitsrc.io/currying-by-example-for-javascript-developers-b1c8bc02dd5a
—-
Understand some basic concepts in JavaScript such as Callbacks, Call Stacks, and higher order functions
https://javascript.plainenglish.io/the-call-stack-callbacks-and-higher-order-functions-9191302481a0
---
#es2022 #callback #currying
Several Google Chrome extensions to help web application development
https://blog.bitsrc.io/5-useful-browser-extensions-for-web-developers-b48196550962
#extension #chrome
https://blog.bitsrc.io/5-useful-browser-extensions-for-web-developers-b48196550962
#extension #chrome
A Dev portfolio is important for those first few jobs but do you know the 5 key ingredients to a good portfolio project?
1/ Small
You're trying to show that you can create and ship code, you don't need to remake Netflix to do that!
2/ Complete
If there are parts of the app missing then it looks like you forgot or couldn't work it out, part of making it small means that you actually finish it
3/ Relatable
Sure making a fancy library for devs is great but to a recruiter a working todo app or weather app is far better, because it's something they can relate to.
Remember that your audience is more than just devs when applying for jobs.
4/ Functional
Hand in hand with complete make sure your project actually does something and it works. Buggy UI and corrupted data don't paint a good picture.
5/ NOT unique
You're not trying to make a start up here, you're trying to show off your web development skills, so pick a tried and true app that you can make your own take on and get to it.
There are lots more tips and tricks for making a good portfolio but these 5 tips give the best bang for your buck
1/ Small
You're trying to show that you can create and ship code, you don't need to remake Netflix to do that!
2/ Complete
If there are parts of the app missing then it looks like you forgot or couldn't work it out, part of making it small means that you actually finish it
3/ Relatable
Sure making a fancy library for devs is great but to a recruiter a working todo app or weather app is far better, because it's something they can relate to.
Remember that your audience is more than just devs when applying for jobs.
4/ Functional
Hand in hand with complete make sure your project actually does something and it works. Buggy UI and corrupted data don't paint a good picture.
5/ NOT unique
You're not trying to make a start up here, you're trying to show off your web development skills, so pick a tried and true app that you can make your own take on and get to it.
There are lots more tips and tricks for making a good portfolio but these 5 tips give the best bang for your buck
Simple practice sending email with Node JS and Nodemailer
https://medium.com/dsc-umit/sending-e-mails-with-nodejs-d617db7b5590
—-
Tips and tricks for optimizing the performance of Node JS backend applications
https://cmswebsiteservice.medium.com/10-tips-to-make-your-node-js-web-app-faster-7998f0a8971a
#nodejs #nodemailer #email #performance #tips
https://medium.com/dsc-umit/sending-e-mails-with-nodejs-d617db7b5590
—-
Tips and tricks for optimizing the performance of Node JS backend applications
https://cmswebsiteservice.medium.com/10-tips-to-make-your-node-js-web-app-faster-7998f0a8971a
#nodejs #nodemailer #email #performance #tips
Freecodecamp released a free course to learn React JS which can be followed here
https://www.freecodecamp.org/news/free-react-course-2022/
---
Practice making Instagram clone with React JS
https://www.freecodecamp.org/news/learn-how-to-create-an-instagram-clone-using-react/
---
Configuring Vite JS for React with Tailwind CSS
https://javascript.plainenglish.io/set-up-your-environment-for-vite-react-and-tailwind-css-1cac0e3fbf96
—-
Build a fullstack JS app with Nest TS and React
https://blog.logrocket.com/full-stack-app-tutorial-nestjs-react/
#react #clone #freecodecamp #vite #nest
https://www.freecodecamp.org/news/free-react-course-2022/
---
Practice making Instagram clone with React JS
https://www.freecodecamp.org/news/learn-how-to-create-an-instagram-clone-using-react/
---
Configuring Vite JS for React with Tailwind CSS
https://javascript.plainenglish.io/set-up-your-environment-for-vite-react-and-tailwind-css-1cac0e3fbf96
—-
Build a fullstack JS app with Nest TS and React
https://blog.logrocket.com/full-stack-app-tutorial-nestjs-react/
#react #clone #freecodecamp #vite #nest
A long series of exercises to build a MERN Stack web application with Traversy Media part three, namely the creation of an Authentication system on the Frontend with React JS and the Redux Toolkit
https://youtu.be/mvfsC66xqj0
---
The second part
https://youtu.be/enopDSs3DRw
First part
https://youtu.be/-0exw-9YJBo
---
#nodejs #mern #traversyMedia
https://youtu.be/mvfsC66xqj0
---
The second part
https://youtu.be/enopDSs3DRw
First part
https://youtu.be/-0exw-9YJBo
---
#nodejs #mern #traversyMedia
Forwarded from Learn CSS™
Cool exercise from Online Tutorials on creating hover effects on List elements in HTML
https://www.youtube.com/watch?v=kcS1_RC3cRY
---
Get to know some CSS properties that are rarely known
https://javascript.plainenglish.io/9-awesome-css-properties-that-you-probably-have-never-used-8cc4c385c3c6
#onlineTutorials #list #hover #css
https://www.youtube.com/watch?v=kcS1_RC3cRY
---
Get to know some CSS properties that are rarely known
https://javascript.plainenglish.io/9-awesome-css-properties-that-you-probably-have-never-used-8cc4c385c3c6
#onlineTutorials #list #hover #css
Configure ESLint rules easily and quickly
https://javascript.plainenglish.io/how-to-create-custom-eslint-rules-in-5-minutes-763f14cb9b5
#eslint
https://javascript.plainenglish.io/how-to-create-custom-eslint-rules-in-5-minutes-763f14cb9b5
#eslint
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-program
LogRocket
{↗ $350 - 2,000+ words}
→ Tutorials on React, Redux, Node.js, Wasm, GraphQL, Rust, Flutter
→ Frontend development best practices
→ Product/UI/UX design
https://logrocket.com/
SitePoint
{$100 to $200 - 1,200 to 2,000 words}
→ Design tools (Figma, Adobe XD, Sketch)
→ Jamstack, Gatsby, Eleventy, Deno, Rust, WebAssembly
→ Productivity tools (Notion, Roam Research, Foam, Obsidian, Zapier, Airtable)
https://www.sitepoint.com/
CSS Tricks
{↗$250 per piece depending on length and audience}
→ HTML, CSS, Javascript, and WordPress
https://css-tricks.com/guest-writing-for-css-tricks/
Digital Ocean
{↗$300}
Complex topics ↗$400
Updates to existing tutorials $75 - $125.
→ Coding in GO
→ Python tutorials
https://www.digitalocean.com/community/pages/write-for-digitalocean
Linode
Original guides - $300
Update to existing guides - ↗$100
→ DevOps tools
→ Server infrastructure
→ Linux essentials
→ Kubernetes
→ Databases
→ Programming languages
https://www.linode.com/lp/write-for-linode/
Real Python
{↗$300 per article}
→ Python development
→ Web development
→ Data science
→ Project tutorials
→ Productivity systems
→ Hacking
https://realpython.com/write-for-us/
Tutorialspoint
{$250 to $500 per tutorial}
→ Information technology
→ Software quality management
→ Java technologies
→ Mainframe technologies
→ Web development technologies
https://www.tutorialspoint.com/about/tutorials_writing.htm
Twilio
{↗$500 per article}
→ Twilio with Python and other languages
→ interacting with Google spreadsheets
→ PHP
https://www.twilio.com/voices
Medium
Earn money based on Medium member engagement and referred memberships
https://medium.com/
LinkedIn
Helps you get in touch with technical writing companies
You decide how much you want. But don't expect more than ↗$300
{1,000 - 1,200 words}
https://www.linkedin.com/jobs/
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-program
LogRocket
{↗ $350 - 2,000+ words}
→ Tutorials on React, Redux, Node.js, Wasm, GraphQL, Rust, Flutter
→ Frontend development best practices
→ Product/UI/UX design
https://logrocket.com/
SitePoint
{$100 to $200 - 1,200 to 2,000 words}
→ Design tools (Figma, Adobe XD, Sketch)
→ Jamstack, Gatsby, Eleventy, Deno, Rust, WebAssembly
→ Productivity tools (Notion, Roam Research, Foam, Obsidian, Zapier, Airtable)
https://www.sitepoint.com/
CSS Tricks
{↗$250 per piece depending on length and audience}
→ HTML, CSS, Javascript, and WordPress
https://css-tricks.com/guest-writing-for-css-tricks/
Digital Ocean
{↗$300}
Complex topics ↗$400
Updates to existing tutorials $75 - $125.
→ Coding in GO
→ Python tutorials
https://www.digitalocean.com/community/pages/write-for-digitalocean
Linode
Original guides - $300
Update to existing guides - ↗$100
→ DevOps tools
→ Server infrastructure
→ Linux essentials
→ Kubernetes
→ Databases
→ Programming languages
https://www.linode.com/lp/write-for-linode/
Real Python
{↗$300 per article}
→ Python development
→ Web development
→ Data science
→ Project tutorials
→ Productivity systems
→ Hacking
https://realpython.com/write-for-us/
Tutorialspoint
{$250 to $500 per tutorial}
→ Information technology
→ Software quality management
→ Java technologies
→ Mainframe technologies
→ Web development technologies
https://www.tutorialspoint.com/about/tutorials_writing.htm
Twilio
{↗$500 per article}
→ Twilio with Python and other languages
→ interacting with Google spreadsheets
→ PHP
https://www.twilio.com/voices
Medium
Earn money based on Medium member engagement and referred memberships
https://medium.com/
Helps you get in touch with technical writing companies
You decide how much you want. But don't expect more than ↗$300
{1,000 - 1,200 words}
https://www.linkedin.com/jobs/
Forwarded from Learn AI, MetaVerse, Web3
Contribute to the Web3 blog and earn 150$ - 400 $ for articles according to length
https://web3.hashnode.com/contribute
#Web3 #TechnicalWriting #Earn
https://web3.hashnode.com/contribute
#Web3 #TechnicalWriting #Earn
Forwarded from Learn AI, MetaVerse, Web3
Build your Web3 Resume with these 5 Blockchain Projects 🧑💻
1/ Create a DAO
Decentralized Autonomous Organization (DAO)
you can learn :
• How DAO work
• Voting process
• Governance token
• Proposal
https://buildspace.so/daos
2/ Mint an NFT
• Create an NFT from Scratch.
• learn ERC-721 token.
• Metadata
• Deploy on the Testnet.
• upload it to Opensea.
https://youtu.be/OVGoJV5tcM8
3/ In this tutorial, you're gonna be building the Opensea Blockchain Web 3.0 App using Next JS, Sanity. io, thirdweb, Tailwind CSS, and Vercel.
https://youtu.be/x3eRXeMB-4k
4/ n this tutorial, you're gonna be building the Uniswap Blockchain Web 3.0 App using Solidity, Next JS, Sanity. io, Tailwind CSS, and Vercel.
https://youtu.be/xXxjRzdYIss
5/ In this video, you'll learn how to build a full stack NFT marketplace on Ethereum with Solidity, Polygon, IPFS, Next.js, Ethers.js, and Hardhat.
https://youtu.be/GKJBEEXUha0
#Web3 #Projects #Resume #Jobs
1/ Create a DAO
Decentralized Autonomous Organization (DAO)
you can learn :
• How DAO work
• Voting process
• Governance token
• Proposal
https://buildspace.so/daos
2/ Mint an NFT
• Create an NFT from Scratch.
• learn ERC-721 token.
• Metadata
• Deploy on the Testnet.
• upload it to Opensea.
https://youtu.be/OVGoJV5tcM8
3/ In this tutorial, you're gonna be building the Opensea Blockchain Web 3.0 App using Next JS, Sanity. io, thirdweb, Tailwind CSS, and Vercel.
https://youtu.be/x3eRXeMB-4k
4/ n this tutorial, you're gonna be building the Uniswap Blockchain Web 3.0 App using Solidity, Next JS, Sanity. io, Tailwind CSS, and Vercel.
https://youtu.be/xXxjRzdYIss
5/ In this video, you'll learn how to build a full stack NFT marketplace on Ethereum with Solidity, Polygon, IPFS, Next.js, Ethers.js, and Hardhat.
https://youtu.be/GKJBEEXUha0
#Web3 #Projects #Resume #Jobs