Web Development Awesome Resources

Оглавление

• ? Бесплатный хостинг
• ??‍? Учебные платформы
• ⛓ каналы YouTube
• ? ️ подкасты
• Редактор кода
• ? Кодирование платформ
• ? Фриланс платформы
• ? Веб -сайты, чтобы найти удаленную работу
• ? Бесплатные качественные фотографии
• ? Бесплатный дизайн иллюстрации
• Библиотека Web-Dev
• ? Значки
• ? Шрифты
• ? ️ ресурсы для CSS
• ? Ресурсы для JavaScript
• ? Кредит

Бесплатный хостинг:

• http://netlify.com
• http://firebase.google.com
• http://aws.amazon.com
• http://heroku.com
• http://pages.github.com
• http://vercel.com
• http://surge.sh
• http://render.com
• https://cloud.google.com/
• http://docs.gitlab.com/ee/user/project/pages

Учебные платформы:

• http://freecodecamp.org
• http://codecademy.com
• http://javascript30.com
• http://frontendmentor.io
• http://testautomationu.applitools.com
• http://coursera.org
• http://khanacademy.org
• http://sololearn.com

Каналы YouTube:

• Traversy Media
• Freecodecamp
• Чистый ниндзя
• Разработчики Google Chrome
• Новый Бостон
• Дерек Банас
• Академический
• LearnCode.Academy
• CodeStackr
• Web Dev упрощен
• Флорин Поп

Подкасты:

• Синтаксис
• Fullstack Radio
• Чанженол
• Фрагмент LaRacasts
• Передний счастливый час
• JavaScript Jabber Archives
• Сделайте свой код!
• Магазин разговор
• Подкаст божьей коровки
• Кодепен радио
• Jamstack Radio
• Современная сеть

Редакторы кода:

• Visual Studio Code [VS Code]
• Возвышенный текст
• Атом
• Скобки
• Вим

Платформы вызовов кодирования:

• http://codewars.com
• http://topcoder.com
• http://codingame.com
• http://hackerrank.com
• http://projecteuler.net
• http://coderbyte.com
• http://codechef.com
• http://exercism.io
• http://leetcode.com
• http://spoj.com

Платформы фриланса:

• http://toptal.com
• http://upwork.com
• http://freelancer.com
• http://peopleperhour.com
• http://simplyhirehired.com
• http://envato.com
• http://guru.com
• http://fiverr.com
• http://hireable.com
• http://6nomads.com

Список веб -сайтов, чтобы найти удаленную работу:

• http://flexjobs.com
• http://remote.co/remote-jobs
• http://justremote.co
• http://weworkremotely.com
• http://remoteok.io
• http://jobspresso.co
• http://europeremotely.com
• http://wfh.io

Бесплатные качественные фотографии:

• http://unsplash.com
• http://pixabay.com
• http://pexels.com

Бесплатный дизайн иллюстрации:

• http://undraw.co/illustrations
• http://drawkit.io
• http://icons8.com/ouch
• http://iradesign.io
• http://interfacer.xyz
• http://blush.design

Библиотека веб -разработчиков

• Гладкая 3D -библиотека JavaScript.

Значки:

• http://fontawesome.com
• http://flaticon.com
• http://icons8.com
• http://material.io/resources/icons
• http://iconmonstr.com

Шрифты:

• http://fonts.google.com
• http://fontspace.com
• http://1001fonts.com
• http://fontsquirrel.com

Ресурсы для CSS

1. Охота на цвет https://colorhunt.co

2. Coolors https://coolors.co

3. Цветные коды html https://htmlcolorcodes.com

4. Градиенты пользовательского интерфейса https://uigradients.com/#bupe

5. Генератор градиента cssgradient.io

6. Encycolorpedia https://encecolorpedia.com

7. Webfx https://webfx.com/web-design/color-picker/

8. Радиальный градиент https://css-gradient.com

9. Цвета https://clrs.cc

10. Flat UI Colors 2 https://flatuicolors.com/

Кодовые фрагменты

11. Веб-инструменты https://webcode.tools/css-generator

12. Маленькие фрагменты https://littlesnippets.net

13. Наслаждайтесь CSS https://enjoycss.com

14. CSS-трюки https://css-tricks.com/snippets/css/

15. CSS Deck https://cssdeck.com

16. W3, как https://w3schools.com/howto/

17. Snipplr https://snipplr.com

18. Стокол переполнен https://stackoverflow.com/questions/tagged/css

19. Codepen https://codepen.io/collection/dypwpe

20. Кодировать мой пользовательский интерфейс https://codemyui.com/

Документация и примечания

21. W3 Школы https://w3schools.com/css/

22. Mdn https://developer.mozilla.org/en-us/docs/web/css

23. Devdocs https://devdocs.io/css/

24. Гики для гиков https://geeksforgeeks.org/css-tutorials/

25. Учебные пособия https://tutorialspoint.com/css/index.html

Генераторы CSS

26. Создатель кнопки CSS https://csssbuttoncreator.com

27. Blob Maker https://blobmaker.app

28. Волны производителя https://getwaves.io

29. Наслаждайтесь CSS https://enjoycss.com

30. Neumorphic UI https://neumorphism.io/#e0e0e0

31. Генератор Glassmorphism https://glassmorphism.com

32. KeyFrames https://keyframes.app

33. Animista https://animista.net

34. Причудливая граница https://9elements.github.io/fance-corder-radius/

35. CSS Generators Tool https://cssgenerator.org/

36. CSS 3 Maker https://css3maker.com

37. CSS Clip Path Maker https://bennettfeely.com/clippy/

38. Генератор форм CSS https://coveloping.com/tools/css-worse-generator

39. Генератор шаблонов http://patternify.com

40. Генератор фоновых изображений http://bg.siteorigin.com

Дизайн вдохновение

41. CSS Design Awards https://cssdesignawards.com

42. Awwwards https://awwwards.com/websites/css3/

43. CSS Nectar https://cssnectar.com

44. Design Modo https://designmodo.com/css-website-designs/

45. Победитель CSS https://csswinner.com

Учебники YouTube

46. Бесплатный кодовый лагерь https://youtube.com/watch?v=1rs2nd1ryyc

47. Traversy Media https://youtube.com/watch?v=yfoy53qxeni

48. Художник по кодированию https://youtube.com/channel/uc15exv5s79d_aygadudlwpq

49. Edureka https://youtube.com/watch?v=3_9znkvne5g

50. Red Stapler https://www.youtube.com/channel/ucrthrrv06q1iol86-ttkjhg

GitHub Repo

51. Awesome CSS https://github.com/awesome-css-group/awesome-css

52. 30 секунд CSS https://github.com/30-seconds/30-seconds-of-css

53. CSS Protips https://github.com/allthingssmitty/css-protips

54. Awesome Flexbox https://github.com/afonsopacifer/awesome-flexbox

55. Понимание Flexbox https://github.com/ohansemmanuel/understanding-flexbox

Хромированные расширения

59. CSS Peeper https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en

60. Пестицид https://chrome.google.com/webstore/detail/pesticide-for-chrome-with/eipbgplchlidkojmppclhkechkhmlefi?hl=en

61. Stylebot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

62. Perfect Pixel https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en

63. Colorpick Eyeedropper https://chrome.google.com/webstore/detail/colorpick-sizeropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en

Ресурсы для JavaScript

1. Mdn https://developer.mozilla.org/en-us/docs/web/javascript

2. W3 Школы https://w3schools.com/js/

3. Devdocs https://devdocs.io/javascript/

4. Javascript info https://javascript.info

5. JavaScript Garden https://bonsaiden.github.io/javascript-garden/?ref=java5cript.com

6. Кодовая академия https://codecademy.com/learn/introduction-to-javascript

7. Udemy https://udemy.com/course/the-complete-javascript-course/

8. Coursera https://coursera.org/learn/javascript

9. Зрелище https://pluralsight.com/courses/quick-start-javascript-1-1870

10. Scrimba https://scrimba.com/topic/javascript

11. Вундеркиды для гиков https://geeksforgeeks.org/javascript-tutorial/

12. Java Point https://javatpoint.com/javascript-tutorial

13. Учебные точки https://tutorialspoint.com/javascript/index.htm

14. Проект ODIN https://theodinproject.com/courses/javascript

15. Изучите JS https://www.learn-js.org/

16. JavaScript Wikipedia https://en.wikibooks.org/wiki/javascript/introduction

17. JavaScript 30 https://javascript30.com

18. JavaScript для кошек http://jsforcats.com

19. Java5cript https://java5cript.com

20. Скотч io https://scotch.io/tag/javascript

21. JavaScript Mastery https://youtube.com/watch?v=g7t23xzys-a

22. Умный программист https://youtube.com/watch?v=QQX_WZMMFEA

23. Edureka https://youtube.com/watch?v=o1iaduqico0

24. Coursera https://youtube.com/watch?v=o1iaduqico0

25. Freecodecamp https://www.youtube.com/watch?v=pkzno7mfnfg&ab_channel=freecodecamp.org

26. Web Dev упрощен https://youtube.com/watch?v=yefzkc2awtm&list=plzla0gpn_vh9k5ju1yq9qcdqvtutvgtr6

27. Traversy Media https://youtube.com/watch?v=hdi2bqojy3c&list=plillgf-rfqbbnegy3roilwk7jmcusyqtx

28. Edureka https://youtube.com/watch?v=iljvmcddrog

29. Hitesh Choudhary https://youtube.com/watch?v=2md4hqnrqja&list=plrav69ds1uwsxuik5o3vqy2-_vksopxld

30. Simon Høiberg https://www.youtube.com/watch?v=yu0gh9t7sq8&ab_channel=simonh%C3%b8iberg

31. Красноречивая JS https://eloquentjavascript.net

32. JS Design Pattern https://addyosmani.com/resources/essentialjsdesignpatterns/book/

33. Руководство для начинающих JavaScript https://flaviocopes.com/page/javascript-handbook/

34. Изучите javascript с легкостью https://pdfdrive.com/javascript-javascript-for-beginners-learn-javascript-rogramming-with-in-the-time-everything-about-chout-chought-coding-programming и web-pages-need-to-e15829986363.hml

35. Человеческий javascript https://read.humanjavascript.com

36. Современные учебные пособия Javascript https://github.com/javascript-tutorial/en.javascript.info

37. Awesome JS Learning https://github.com/micromata/awesome-javascript-learning

38. JS BY Пример https://github.com/bmkmanoj/js-by-examples

39. 33 JS Concepts https://github.com/leonardomso/33-js-concepts

40. 30 секунд кода https://github.com/30-seconds/30-seconds-of-code

41. 10 проектов JS за 10 часов https://youtube.com/watch?v=dtkciwk_si4

42. 15 JS Projects https://youtube.com/watch?v=3phxvlpokf4

43. Стройте 7 игр с использованием JS https://youtube.com/watch?v=lhnduvh3qcc

44. 50 проектов за 50 дней https://udemy.com/course/50-projects-50-days/

45. JavaScript Projects для начинающих https://jsbeginners.com/javascript-projects-for-beginners/

46. Скоро появятся новые ресурсы

Кредит

• Пратам
• Марко отрицание

Kiwismedia: Откройте для себя лучшие работы человека