Tổng hợp những nguồn tài nguyên hữu ích và chất lượng dành cho Dev

Hello xin chào các bạn đã đến với 1 bài viết mới trên blog của mình. Lâu lắm rồi mình mới viết bài mới vì gần đây mình tập trung làm khoá học cũng như videos ở Youtube là chính. Nay tranh thủ viết một bài mới để cho các bạn biết là mình vẫn còn phát triển blog này keke.

Hôm nay mình muốn chia sẻ những thứ hay ho mà mình đã tổng hợp lại được và đưa nó vào bài viết này trên blog của mình. Có rất nhiều tài nguyên, công cụ hữu ích lắm, hi vọng nó sẽ có ích cho các bạn trong công việc cũng như học tập nha.

Code Editor & online coding

  • Visual Studio Code
  • Webstorm
  • Brackets
  • codepen.io
  • codesandbox

Các tài nguyên học HTML

  • Khoá học HTML CSS từ cơ bản tới nâng cao của mình: Nhấn vô đây nè
  • MDN(Mozilla Development Network)
  • W3schools
  • F8(fullstack.edu.vn)

Các tài nguyên học CSS

  • Khoá học HTML CSS từ cơ bản tới nâng cao của mình: Nhấn vô đây nè
  • MDN
  • W3schools
  • F8
  • Ishadeed
  • CSS-Tricks

Các tài nguyên học Javascript

  • Khoá học Javascript từ cơ bản tới nâng cao của mình: Nhấn vô đây luôn nè
  • MDN
  • F8
  • You don’t know JS
  • Eloquent Javascript
  • Head first Javascript
  • Toidicodedao
  • W3schools

Các tài nguyên về màu sắc

  • ColorHunt
  • Flat UI Colors
  • UI Gradients
  • Grabient
  • Material Palette
  • Coolors

Các tài nguyên về hình ảnh

  • Unsplash
  • Freepik
  • Pexels
  • Pixabay
  • Randomuser
  • Picsum

Các tài nguyên về Icons

  • Ionicons
  • Fontawesome
  • Boxicons
  • Icomoons
  • Heroicons
  • FlatIcon

Các tài nguyên về thiết kế, cảm hứng

  • CollectUI
  • Dribbble
  • Awwwards
  • One Page Love
  • Medium.muz.li
  • UI8

Các trang web, cộng đồng, blog hay

  • Stack Overflow
  • CSS-Tricks
  • Smashing Magazine
  • Codrops
  • Ishadeed
  • Evondev ^^!

Các tài nguyên học tiếng Anh

  • Youtube: English Conversation của Trung Mai

Các tài nguyên học Photoshop

  • Youtube: Thuỳ Uyên Training channel

Các Chrome extensions nên cài

  • Eyedropper color: Lấy mã màu
  • Page Ruler Redux: Đo kích thước
  • Visbug
  • Javascript and CSS Code beautifier
  • React Developer Tool

Các VSCode extensions nên cài

  • Prettier
  • Live Server
  • Live Server Preview
  • Color highlight
  • Highlight Matching Tag
  • HTML to CSS autocompletion
  • SCSS IntelliSense
  • Visual Studio IntelliCode
  • Evondev Snippets
  • Auto Rename Tag
  • Babel Javascript
  • Evondev – HTML to CSS Class
  • GitLens
  • Local History

Các tài nguyên học về SEO, viết bài

  • Kiemtiencenter
  • Tuhoccontent

Những kênh youtube Việt Nam

  • Evondev
  • F8
  • Easy Frontend
  • LaptrinhvienTV

Những kênh youtube nước ngoài

  • WesBos
  • Freecodecamp
  • Brad Traversy
  • Design Course
  • Kevin Powell
  • The Net Ninja
  • Funfun function
  • Dark Code
  • Online Tutorials
  • Coding Tech
  • Fireship
  • Ben Awad

Các tài khoản Instagram hay nên theo dõi

  • frontendjoe
  • ui__ux
  • ui_gradient
  • richwebdeveloper
  • thecodecrumbs
  • samanthaming
  • inside code
  • the_frontend_developer
  • theprogrammingexpert
  • javascriptmastery

Ngoài ra còn rất nhiều nguồn khác nữa mà mình sẽ tổng hợp thêm sau này ở bài viết này luôn. Các bạn nhớ bookmark trang này lại để có gì vào tìm cho dễ nhé. Chúc bạn một ngày tốt lành và bình an.

Subscribe
Notify of
guest

2 Comments
Inline Feedbacks
View all comments
nguyennt.dev
nguyennt.dev

I use NeoVim BTW

honostore.com
honostore.com

i need it