Лучший способ научиться создавать веб-сайты и приложения - это на самом деле делать это , то есть вы должны создавать проекты и делать это постоянно. Это короткое видео передает эмоции новичка и дает несколько полезных советов по этому вопросу.
Я также написал несколько других рекомендаций для людей, заинтересованных в изучении веб-разработки, которые вы должны прочитать перед началом работы.
Однако, так как вы не можете говорить на языках, на которых вы не знаете слов, вам нужно хорошо понять основы, прежде чем вы сможете создать полезный проект. Вот некоторые ресурсы, чтобы выбрать некоторые основы и сайты, которые позволят вам изучить сами.
Есть отличные места, где можно бесплатно изучить основы веб-разработки. Начните здесь, но ответьте на них, чтобы поиграть с вещами, которым они непосредственно не учат. Пройдя через несколько, попробуйте сделать другие сайты / проекты самостоятельно с нуля. Это укрепит концепции, научит вас деталям реализации и, вероятно, научит вас и другим вещам. Вы просто не можете стать хорошим разработчиком или дизайнером, только читая, вы должны творить !
Я сделал ускоренный курс для дизайнеров, изучающих веб-разработку
Проверьте это! Они предназначены для аудитории, основанной на дизайне, но применимы к любому, кто учится. Они преподают основы в слайдах / постах / видео, а затем назначают небольшой проект в конце каждого из них, чтобы научить реальное развитие интерфейса.
Другие хорошие учебные сайты
- CodeAcademy - общие знания нескольких языков.
- Серия Mozilla "Learning the Web" - начинается с начального уровня и может помочь вам разобраться в некоторых более сложных темах. Отличный ресурс, я очень рекомендую его.
- Udacity - Общий класс веб-разработки.
- Tuts + - учебники на более конкретные темы.
- KhanAcademy - я не использовал это лично, но, кажется, с каждым днем становится все лучше.
Не пользуйтесь W3Schools , он устарел и очень подвержен ошибкам. Вместо этого используйте учебный веб-сайт, подобный приведенному выше, для изучения и используйте один из сайтов документации ниже, когда вы ищете что-то конкретное.
Документация
Глядя на документацию по свойствам, библиотекам и тому подобному, жизненно важно стать хорошим веб-разработчиком. Ниже приведены лучшие документы, которые вы можете использовать:
- W3.org - Официальная документация для большинства всего, что реализовано в веб-браузерах. Научиться читать эти документы очень важно! Это никак не связано с W3Schools.
- Mozilla Docs - очень надежный сторонний ресурс от создателей FireFox, который постоянно обновляется.
- WHATWG.org - своего рода конкурент с открытым исходным кодом для W3; некоторые браузеры время от времени реализуют определенные предложения по W3.
- DevDocs - не является официальным, но на одном сайте размещено множество документов на разных языках. Довольно удобно.
Полезные каналы
- WebPlatformDaily - список новостей, касающихся всего, что обновляется ежедневно (кроме выходных).
- SitePoint - действительно полезные статьи на разные вещи.
- WebDesignerDepot - Может быть на стороне спама, но большинство их фактических статей хороши.
- Smashing Magazine - более сложные темы, но в основном все хорошо читается.
- A List Apart - немного более продвинутые знания в форме блога.
редакторы
Небольшие проекты / игра с кодом
- JSFiddle - Делайте маленькие проекты и отслеживайте их.
- CodePen - Посмотрите на рисунки кода других людей и отправьте свои собственные для просмотра другими.
Полнотекстовые редакторы
Другие полезные сайты
- Страница "Мои ресурсы" - список ресурсов, которые я собирал, от начального до адаптивного дизайна до анализа различных способов анимации в веб-браузере.
- Руководство разработчика фронтэнда - более разнообразная, но полезная коллекция постов, охватывающих широкий спектр тем фронтэнда.
- WebFieldManual - большая коллекция полезных ресурсов.
- StackOverflow - если у вас есть конкретный вопрос, связанный с программированием, StackOverflow не имеет себе равных, чтобы получить вашу помощь.
- LearnLayout - Изучите некоторые основы создания макетов в CSS.
- Позиционирование в веб-дизайне - часть моего ускоренного курса, которая, пожалуй, самая полезная.
- 30 CSS-селекторов, которые вы должны знать - познакомьтесь с ними и сэкономьте свое время позже. Есть также крутая маленькая игра, чтобы проверить свои знания селектора CSS.
- Codrops CSS Reference - краткая и полезная справочная страница.
- CodeMentor и Thinkful - сайты, где вы можете заплатить за наставничество 1 на 1.
Ищите личные блоги веб-разработчиков и дизайнеров, которые вам нравятся. Они часто имеют отличный контент.
Я также написал введение в дизайн пользовательского интерфейса, который может быть очень полезным. Я связал некоторые дополнительные большие ресурсы в этом.
Я не могу не подчеркнуть, что лучший способ научиться - это создавать вещи, которые выходят за пределы ваших возможностей, и делать это постоянно .
Для еще большего (и, возможно, подавляющего) списка полезных веб-сайтов, связанных с веб-сайтом, посетите WebDesignRepo !