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
Practice from Online Tutorials creating lists with interesting hover effects

https://youtu.be/-c4aCe1EawA

#onlinetutorials #css #html
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
Forwarded from Learn CSS
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