💻 Web Development Resources
Tags: webdev, devops, resources
Published: 2020-09-25 18:10:10

Hey guys! 
I'm back again with some interesting things to show you. As we know IT or WEB has its own immense world, so today I'm gonna tell you the resources for web development, which will help you learn and grow as well. You can also make your career in this without a lot of internet surfing because in this blog I'm providing you almost all the links that you'll need in your work.

*Let's get started!*

### __Blogs__  

📘  [Daily Dev](http://daily.dev/)
📘  [Developer Drive](https://www.developerdrive.com/)
📘  [Simple Programmer](https://simpleprogrammer.com/)
📘  [Scotch](https://scotch.io/)
📘  [Codrops](https://tympanus.net/codrops/)
📘  [WebDev](https://web.dev/blog/)

### __YouTube Channels__  

📹  [Traversy Media](https://www.youtube.com/traversymedia/videos)
📹  [Google Chrome Developers](https://www.youtube.com/chromedevelopers/videos)
📹  [Akshay Saini](https://www.youtube.com/akshaymarch7/videos)
📹  [Vasanth Developer](https://www.youtube.com/vasanthdeveloper/videos)
📹  [maximilian schwarzmüller](https://www.youtube.com/c/Academind/videos)

### __Podcasts__  

🔉  Front end Happy hour
🔉  Syntax.fm
🔉  IRL: Online life is real life
🔉  Fixed That For You
🔉  CODE[ISH]
🔉  COMMAND_LINE Heroes
🔉  Late Night Linux
🔉  Full Stack Radio
🔉  Shop Talk
🔉  Code Newbie

### __Freelancing platforms__  

🛠️  [UpWork](https://www.upwork.com/)
🛠️  [Freelancer](https://www.freelancer.com/)
🛠️  [PeoplePerHour](https://www.peopleperhour.com/)
🛠️  [Guru](https://www.guru.com/)
🛠️  [Fiverr](https://www.fiverr.com/)

###  __Learing Platforms__  

🎓  [FreeCodeCamp](https://www.freecodecamp.org/)
🎓  [codecademy](https://www.codecademy.com/)
🎓  [FrontendMentor](https://www.frontendmentor.io/)
🎓  [Udemy](https://www.udemy.com/)
🎓  [Pluralsight](https://app.pluralsight.com/library/)
🎓  [W3Schools](https://www.w3schools.com/)
🎓  [DevDocs](https://devdocs.io/)

### __Code Editor__  

🗒️  [Visual Studio Code (VSCode)](https://code.visualstudio.com) 
🗒️  [Sublime Text](https://www.sublimetext.com/3) 
🗒️  [Atom](https://atom.io) 
🗒️  [Brackets](hhttp://brackets.io)
🗒️  [Neovim](https://neovim.io)

###  __Javascript__  

🤩  [JavascriptInfo](https://javascript.info/)
🤩  [Programiz](https://www.programiz.com/javascript)
🤩  [Xahlee](http://xahlee.info/)
🤩  [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
🤩  [JavaScript30](https://javascript30.com/)

### __Charts & Data Visualization__  

📈  [D3](https://d3js.org/)
📈  [ChartJs](https://www.chartjs.org/)
📈  [HighCharts](https://www.highcharts.com/)

###  __Color Palettes__ 

🎨  [Coolors](https://coolors.co/)
🎨  [ColorHunt](https://colorhunt.co/)
🎨  [Color-hex](https://www.color-hex.com/)

###  __UI Inspiration__  

👏  [Uimovement](https://uimovement.com/)
👏  [Ui Design Daily](https://uidesigndaily.com/)
👏  [Collect Ui](https://collectui.com/)
👏  [Ui Garage](https://uigarage.net/)

###  __Animations__  

✨  [GreenSock (GSAP)](https://greensock.com/gsap/)
✨  [Animate Style](https://animate.style/)
✨  [Wow Animation](https://wowjs.uk/)
✨  [Bounce.js](http://bouncejs.com/)
✨  [WickedCSS](https://kristofferandreasen.github.io/wickedCSS/)

### __Icons__  

🎂  [Font Awesome](https://fontawesome.com/)
🎂  [Flaticon](https://www.flaticon.com/)
🎂  [Material](https://material.io/resources/icons/?style=baseline)
🎂  [Icon8](https://icons8.com/)

### __Fonts__  

🖊️  [Google Fonts](https://fonts.google.com/)
🖊️  [Fontspace](https://www.fontspace.com/)
🖊️  [1001Fonts](https://www.1001fonts.com/)
🖊️  [FontSquirrel](https://www.fontsquirrel.com/)

### __Website Optimization Tools__  

⚡  Google PageSpeed Insights
⚡  GTmetrix
⚡  WebPageTest
⚡  Yslow
⚡  Pingdom

That's quite a lot of links to help you right.
So waiting for whom? 
Go get your work done 👍
All the best

Photo by [Alexandru Acea](https://unsplash.com/@alexacea) on Unsplash