Найкращий спосіб навчитися створювати веб-сайти та додатки - це насправді робити це , тобто ви повинні створювати проекти та робити це постійно. Це коротке відео передає емоції новачка і дає кілька хороших порад з цього приводу.
Я також написав деякі інші рекомендації для людей, зацікавлених у вивченні веб-розробок, які слід прочитати перед початком роботи.
Однак, так як ви не можете розмовляти мовами, з яких не знаєте жодних слів, вам потрібно добре зрозуміти основи, перш ніж ви зможете побудувати корисний проект. Ось кілька ресурсів, щоб зібрати деякі основи та веб-сайти, які дозволять вам вивчити для себе.
Є чудові місця, щоб безкоштовно вивчити основи веб-розробки. Почніть тут, але відгалужуйте їх, щоб пограти з речами, яких вони безпосередньо не навчають. Пройшовши кілька, спробуйте зробити інші сайти / проекти самостійно. Це посилить ці поняття, навчить деталі реалізації та, ймовірно, навчить і додаткових речей. Ви просто не можете стати хорошим розробником чи дизайнером, лише читаючи, ви повинні створити !
Я пройшов курс краху для дизайнерів, які навчаються веб-розробці
Перевір! Вони розроблені для дизайнерської аудиторії, але стосуються всіх, хто навчається. Вони викладають основи в слайдах / пості / відео, а потім призначають невеликий проект в кінці кожного, щоб навчити реального розвитку переднього плану.
Інші хороші веб-сайти підручника
- CodeAcademy - Загальні основи знань кількох мов.
- Серія «Навчання в Інтернеті» Mozilla - це починається на початковому рівні і може ввести вас у складніші теми. Чудовий ресурс, настійно рекомендую.
- Udacity - загальний клас веб-розробки.
- Tuts + - Підручники з більш конкретних тем.
- KhanAcademy - Я не використовував це особисто, але, схоже, з кожним днем стає все краще.
Не використовуйте W3Schools , він, як правило, застарів і дуже схильний до помилок. Натомість використовуйте веб-сайт підручника, як описано вище, щоб дізнатись та використовувати один із сайтів документації нижче, коли ви шукаєте щось конкретне.
Документація
Перегляд документації щодо властивостей, бібліотек та іншого має життєво важливе значення, щоб стати хорошим веб-розробником. Нижче наведено найкращі документи, які ви можете використовувати:
- W3.org - Офіційна документація для більшості всього, що реалізується веб-браузерами. Навчитися читати ці документи дуже важливо! Це жодним чином не пов'язане з W3Schools.
- Mozilla Docs - дуже надійний сторонній ресурс від творців FireFox, який залишається в курсі.
- WHATWG.org - свого роду конкурент з відкритим кодом для W3; деякі веб-переглядачі часом реалізують певні пропозиції над W3.
- DevDocs - Не офіційний, але на багатьох сайтах є багато мовних документів. Досить зручно.
Корисні корми
- WebPlatformDaily - список новин, що стосуються всього, що оновлюється в Інтернеті щодня (крім вихідних).
- SitePoint - Дійсно корисні статті про різні речі.
- WebDesignerDepot - може бути на стороні спаму, але більшість фактичних статей є хорошими.
- Smashing Magazine - Більш розширені теми, але в основному всі добрі читання.
- Список Apart - трохи більш досконалі знання у формі блогу.
Редактори
Невеликі проекти / гра з кодом
- JSFiddle - Створіть маленькі проекти та слідкуйте за ними.
- CodePen - Перегляньте коди логотипів інших людей і подайте свої власні, щоб вони могли бачити інших.
Повнотекстові редактори
Інші корисні веб-сайти
- Сторінка «Мої ресурси» - Список ресурсів, які я збираю, починаючи від вступного до чуйного дизайну до аналізу різних способів анімації у веб-браузері.
- Посібник для розробників на передньому рівні - Більш різноманітна, але корисна колекція публікацій, що охоплюють широкий спектр передових тем.
- WebFieldManual - велика колекція корисних ресурсів.
- StackOverflow - Якщо у вас є конкретне питання, пов'язане з програмуванням, StackOverflow не має собі рівних, щоб отримати допомогу.
- LearnLayout - Дізнайтеся про основи створення макетів у CSS.
- Позиціонування у веб-дизайні - частина мого курсу краху, який, мабуть, найкорисніший.
- 30 CSS-селекторів, яких ви повинні знати - ознайомтеся з ними та заощадите час. Існує також класна маленька гра для перевірки знань вашого селектора CSS.
- Codrops CSS Reference - стисла та корисна довідкова сторінка.
- CodeMentor and Thinkful - сайти, на яких можна заплатити, щоб пройти курс 1 на 1.
Шукайте персональні блоги веб-розробників та дизайнера, які вам подобаються. Вони часто мають чудовий, чудовий зміст.
Я також написав вступ до дизайну інтерфейсу, який може бути дуже корисним. Я пов’язав у цьому додаткові великі ресурси.
Я не можу підкреслити достатньо, найкращий спосіб вчитися - це будувати речі, які підштовхують ваші межі, і робити це постійно .
Щоб отримати ще більший (і, можливо, непосильний) список корисних веб-сайтів, пов’язаних із веб-сайтом, оформити замовлення WebDesignRepo !