Learn JavaScript
4.3K subscribers
459 photos
10 videos
132 files
3.02K links
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
Download Telegram
Several Google Chrome extensions to help web application development

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
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
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
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
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
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/
Contribute to the Web3 blog and earn 150$ - 400 $ for articles according to length

https://web3.hashnode.com/contribute

#Web3 #TechnicalWriting #Earn
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
Nothing stops you from building your No-code tool that can reach $100k+ ARR

Build your next startup as a non-technical founder

Top no-code tools in 2022


Podia

Helps you sell your digital work: courses, downloadable stuff, community access, webinars, etc

Pricing: Paid

https://www.podia.com/

Simple .ink

Build a website with Notion in 10 sec.

Turn your Notion pages into full-blown, no-code, SEO-ready websites.

Pricing: FREE (Generous free plan) & Paid

https://www.simple.ink/

Airtable

Airtable helps you easily create a database to build powerful, custom applications

Pricing: Free & Paid
https://www.airtable.com/

Automate .io

Automate .io lets users create quick integrations & workflows for repetitive tasks

Pricing: Free & Paid

https://automate.io/

Bravo Studio

Build better prototypes, validate ideas, & launch real products with Bravo Studio

Pricing: Free & Paid
https://www.bravostudio.app/


Adalo

Create apps as easy as putting together a slide deck.

With Adalo, you can turn your idea into a real native app—no code needed!

Pricing: Free & Paid
https://www.adalo.com/

Sheet2Site

A no-code tool that lets you create a beautiful website from Google Sheets

Pricing: Paid

https://sheet2site.com/


BannerBear

Bannerbear autogenerates images & videos for social media visuals, banners, & podcasts

Pricing: Paid
https://www.bannerbear.com/


Workiom

Bring your tasks, projects, timelines, & important data together with Workiom

Pricing: Paid (w/ Free trial)
https://www.workiom.com/

MemberStack

Add user authentication, gated content, & payments to your website

Pricing: Paid
https://www.memberstack.com/

Paragon

Paragon allows an instant integration of your product with third-party SaaS apps

Pricing: Free & Paid
https://www.useparagon.com/

FlutterFlow

With Flutteflow, you can build mobiles apps in as little as an hour

Pricing: Free & Paid
https://flutterflow.io/


Directual

Build scalable & sophisticated apps in an intuitive visual interface with Directual

Pricing: Free & Paid
https://www.directual.com/

WebFlow

Create & customize websites of your choice using the drag-and-drop features of Webflow

Pricing: Paid

https://webflow.com/

GumRoad

Gumroad provides a pain-free payment process for all entrepreneurs

Pricing: Transaction fee (%) based on sales

https://gumroad.com/

ZeroQode

Zeroqode brings together all things no-code

From templates, courses, backends, web2native, to development services, & more

Pricing: Free & Paid
https://zeroqode.com/

Parabola

Your toolkit that transforms manual tasks into automated flows

Pricing: Free & Paid
https://parabola.io/

Sprig

Back up your product decision with in-context research insights from your users

Pricing: Free & Paid (Custom Pricing)
https://sprig.com/

YourVone

Yourvone is the simplest way to build & monetize an app & database

Pricing: Free & Paid
https://www.yourvone.com/

Kodika

Kodika is your no-code option for building iOS apps directly on an iPad

Pricing: Paid

https://kodika.io/

AppGyver

AppGyver enables you to build apps for mobile, desktop, browser, TV, & others

Pricing: Free

https://appgyver.com/

Umso

Umso is the fastest way for startups to go live

It lets you design & publishes a website in no time

Pricing: Paid (w/ Free trial)

https://www.umso.com/
Javascript Knowledge Map

Click Here for detailed view in browser
Forwarded from Cyber Punk
GET : Playbook 4TB CLOUD STORAGE for Free

A workaround to get Playbook 4TB cloud storage: https://www.playbook.com/sign-up?promo=illustrations&redirectTo=%2Fs%2Fgoh%2Fillustrations
1. sign in with your Google account.
2. After that, you can verify your 4TB space (in your setting section)

Note: Playbook is founded by ex-Google head of design.

#Collected
Forwarded from Learn CSS
Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More

https://blog.chromium.org/2022/02/chrome-99-css-cascade-layers-new-picker.html
Forwarded from All kind of Ebooks
Services by AWS, GCP and Azure.pdf
75.9 KB
All the services provided by AWS, Google Cloud, and Azure in a single PDF.

#cloudarchitect #cloudarchitecture #cloudservices #devopsengineer
React Best Practices — Tips for Writing Better React Code in 2022

https://www.freecodecamp.org/news/best-practices-for-react/