Поищите в Google «Learn javascript theory» и выберите любой веб-сайт. Иди повтори то, чему учат в Codepen. Повторите для каждого раздела теории.
Итак, вы готовы узнать что-то интересное! Первое, что вам нужно: теория о том, как эти вещи работают. Только основные вещи, такие как синтаксис и основы программирования. Как, например? Поймите, зачем нам вообще это нужно программировать. Что можно, что нельзя
Шаг 0. Место для написания и выполнения кода. Чтобы увидеть результат вашего кода. Перейдите на Codepen и создайте ручку. Или выберите другой редактор кода. Здесь вы будете писать программы во время учебы.
Шаг 1. Выберите любой веб-сайт, на котором вы можете узнать о синтаксисе языка. Погуглите «учебник по javascript», «learn js» и так далее. Источник не имеет значения на данный момент, выберите любой.
Это — отличный ресурс.
Ознакомьтесь с тем, как писать код:
- как создать переменную;
- как создать функцию;
- как вызвать функцию;
- как прочитать аргументы функции, обработать их и вернуть что-то полезное;
Поздравляю с этой вехой! Теперь вы можете писать базовый код. Обратите внимание, что не так просто написать это в начале. Это нормально, что вы не можете следовать инструкциям. Старайтесь писать элементарные вещи. Привыкайте к стилю и идите дальше.
Не переходите к следующему шагу, пока не запрограммируете практические задачи в учебниках, которым вы следовали. Это важно! Не пропускайте задания!
Шаг 2. Узнайте о структурах данных и о том, когда их использовать. Есть примитивные структуры, такие как числа, строки, логические значения. А есть более сложные типы, такие как массивы, объекты. Вам следует:
- понимать, когда использовать массивы и объекты;
- знать разницу между ними;
- писать много кода, используя различные структуры данных;
Не идите дальше, если вам неудобно писать код Javascript. Функции, операции с объектами, массивы. Если вы чего-то не понимаете, ничего страшного, и это не значит, что вы тупой. Я пытался научиться программировать много раз, и это было трудно. Вернитесь и прочитайте теорию, затем решите практические задачи. Если вы не можете с ними справиться, зайдите на Stackoverflow и посмотрите решения. Поймите, как они работают.
В большинстве случаев, если вы чего-то не понимаете, это происходит потому, что вы пропустили раздел. Или невнимательно прочитал. Или информация недостаточно проста. Попробуйте подписаться на другой источник. Смотрите видеоурок. Тем не менее, найти это трудно? Напиши мне.
Шаг 3. Определение вашей ниши в применении Javascript. С помощью JS вы можете программировать:
- интерфейсы (интерактивное визуальное представление). Это сайты с логикой. Вам нужен HTML, CSS для создания визуальных блоков и JS, чтобы сказать браузеру, что делать. Например, когда вы нажимаете кнопку, JS обрабатывает нажатие и делает что-то полезное. Отправляет ваши данные на сервер для сохранения в базе данных;
— бэкенды (код на стороне сервера: Node.JS). Здесь вы можете обрабатывать данные, которые веб-сайт отправляет вам. Сохраните его в базе данных или отправьте куда-нибудь еще. Или трансформируйте его и сохраните;
- мобильные приложения. С фреймворком React Native такое можно сделать, разве не круто?
- десктопные приложения;
Шаг 4. Когда вы решите, какой путь вы хотите выбрать, изучите специфику этой среды.
Для браузеров (интерфейсный путь) вам необходимо изучить DOM. т.е. как взаимодействовать с визуальными элементами на странице сайта. Подумайте, какие проекты вы бы хотели создать — личный сайт, интернет-магазин. Или что-то другое. И создайте его! Сделайте только супер простую и крошечную версию. Найдите теорию, которая вам понадобится, когда вы столкнетесь с неизвестными. Например. как найти все кнопки на странице и обрабатывать клики по каждой из них.
Если вы предпочитаете кодирование на стороне сервера, вам следует изучить Node.JS. Это вещь, которая помогает вам запускать Javascript в серверной среде. Узнайте, как:
- создать базовый HTTP-сервер;
- обрабатывать HTTP-запросы. Например. при вызове `GET /api/hello` вернуть «Привет!»; Затем потренируйтесь. Возьмите Экспресс-библиотеку. Это упрощает создание кода на сервере. Создайте несколько HTTP-маршрутов, выполните некоторые преобразования данных, которые вы получаете.
И, конечно же, создать интересный проект! Сервер для сайта интернет-магазина? Дискорд-бот?
Для мобильных и настольных приложений стратегия одинакова. Узнайте подробности о фреймворках (React Native для мобильных устройств или Electron для настольных компьютеров). Создавайте любимые проекты.
Резюме
Самое главное в достаточно быстром изучении Javascript — это много практиковаться. Не пропускайте это. Таким образом, вы узнаете применимые вещи, которые укрепляют то, что вы много читали.
Сосредоточьтесь на одной области. Закрепите свои знания в одной нише, а затем пойдите дальше после понимания основ.
"Следи за мной на Твиттере"
