Руководство о том, как легко выучить Javascript

Я пишу эту статью, чтобы раскрыть некоторые мифы, истины, убеждения и сомнения. Быть новичком в новом домене сложно. Когда вы начинаете программировать, не очевидно, какой путь вы должны выбрать. Существует огромное количество технологий и еще больше статей, (не)направленных на вас. Итак, какой путь вы должны выбрать, когда начинаете?

Если вы хотите сразу перейти к плану обучения, перейдите к разделу «Как начать».

Если ты:

  • новичок в программировании;
  • вы не знаете, с чего начать;
  • вы не знаете, стоит ли вообще изучать программирование;
  • или у вас есть другие сопутствующие вопросы;

Вы можете прочитать мой общие вопросы по программированию.

Многие из вас изучают Javascript с нуля. Я могу заверить вас не обязательно иметь степень CS или быть гением. Это возможно? Конечно. Я предоставлю план обучения дальше. Все, что вам нужно для обучения, это концентрацию, компьютер и подключение к Интернету.

Многие из вас хотят быстро выучить Javascript. Могу вас уверить, что со стратегией обучения проще, но… Это не быстро. Все зависит от вашей преданности. Вы тратите на обучение 10 минут в день или 6 часов? Достаточно ли вы сосредоточены? Так вы на самом деле учитесь или отвлекаетесь на уведомления? Кроме того, теории недостаточно, поэтому ваше обучение будет продолжаться еще долго. Это когда знакомишься с тонкостями языка. Но это не значит, что вы не можете создавать проекты после освоения основ. Вы будете, и вы будете учиться все больше и больше.

Самая важная часть статьи. Чтобы изучить любой язык программирования (или технологию), вам нужно освоить самую базовую теорию. Тогда сразу иди что-нибудь кодируй. Повторите с более сложной теорией. Только практика (для закрепления теории) поможет вам в изучении чего-либо.

Зачем изучать Javascript

Если вы не знаете, какой язык программирования выбрать, пожалуйста, прочитать этот раздел.

Это простой язык для начала. Возможно, вы также слышали о Python, с самого начала он очень простой. Если вам интересно выбрать Python или Javascript, подумайте об этом.

  • Python также является отличным выбором для начинающих, потому что он также прост.
  • Сообщество достаточно большое. Но если ваша цель — разработка веб-приложений, то вам лучше выбрать JS. Почему? Браузеры поддерживают Javascript по умолчанию. Вы можете создать сценарий, добавить немного HTML, и браузер немедленно покажет результат. С Python вы почти не можете кодировать пользовательский интерфейс веб-сайтов (интерфейс). Для этого вам нужно заново изобрести некоторые колеса. Например, используйте пакет Javascript, который преобразует код Python в JS. Но вы можете кодировать бэкенды и другие вещи на Python.

Javascript — отличный выбор для изучения, если вы:

  • хотите простой язык;
  • хотите получить работу быстро. Много вакансий для JS-разработчиков;
  • хочу быть полноценным человеком. Вы можете программировать для браузеров (интерфейс). Серверы (бэкэнд, Node.js). Мобильные (React Native и так далее). Десктопы(Электрон.js). Микроконтроллеры. Конечно, вы можете делать все это на других языках программирования. Но у JS большое сообщество. Подробнее в пункте ниже;
  • хотите иметь готовые решения. В большинстве случаев вам не нужно кодировать некоторые алгоритмы самостоятельно. Вам не нужно делать сложные вещи только для того, чтобы нарисовать прямоугольник на сайте. Для вас есть множество пакетов, фреймворков и поддержки сообщества.

Как начать с Javascript

tl;dr найдите в Google «Learn javascript theory» и выберите любой веб-сайт. Иди повтори то, чему учат в Codepen. Повторите для каждого раздела теории.

Итак, вы готовы узнать что-то захватывающее! Первое, что вам нужно: теория о том, как эти вещи работают. Только основные вещи, такие как синтаксис и основы программирования. Как что? Поймите, зачем нам вообще это нужно программировать. Что возможно, что нет

Шаг 0. Место для написания и выполнения кода. Чтобы увидеть результат вашего кода. Перейти к Кодепен и создайте ручку. Или выберите другой редактор кода. Здесь вы будете писать программы во время учебы.

Шаг 1. Выберите любой веб-сайт, где вы можете узнать о синтаксисе языка. Гуглите «учебник по javascript», «learn js» и так далее. Источник не имеет значения на данный момент, выберите любой.

Этот отличный ресурс.

Ознакомьтесь с тем, как писать код:

  • как создать переменную;
  • как сделать функцию;
  • как вызвать функцию;
  • как читать аргументы функций, обрабатывать их и возвращать что-то полезное;

Поздравляю с этой вехой! Теперь вы можете писать базовый код. Обратите внимание, что не так просто написать это в начале. Ничего страшного, что вы не можете следовать инструкциям. Старайтесь писать элементарные вещи. Привыкайте к стилю и идите дальше.

Не переходите к следующему шагу, пока не закодируете практические задачи в учебниках, которым вы следовали. Это важно! Не пропускайте задания!

Шаг 2. Узнайте о структурах данных и о том, когда их использовать. Существуют примитивные структуры, такие как числа, строки, логические значения. А есть более сложные типы, такие как массивы, объекты. Вам следует:

  • понять, когда использовать массивы и объекты;
  • знать разницу между ними;
  • писать много кода, используя различные структуры данных;

Не идите дальше, если вам неудобно писать код Javascript. Функции, операции с объектами, массивы. Если вы чего-то не понимаете, ничего страшного, это не значит, что вы тупой. Я пытался научиться программировать много раз, и это было трудно. Вернитесь и прочитайте теорию, затем решите практические задачи. Если вы не можете с ними справиться, перейдите к Переполнение стека и посмотреть решения. Поймите, как они работают.

В большинстве случаев, если вы чего-то не понимаете, это происходит потому, что вы пропустили раздел. Или невнимательно прочитал. Или информация недостаточно проста. Попробуйте подписаться на другой источник. Смотрите видеоурок. Тем не менее, найти это трудно? Напиши мне.

Шаг 3. Определите свою нишу в применении Javascript. С помощью JS вы можете программировать:

  • интерфейсы (интерактивное визуальное представление). Это сайты с логикой. Вам нужен HTML, CSS для создания визуальных блоков и JS, чтобы сказать браузеру, что делать. Например, когда вы нажимаете кнопку, JS обрабатывает нажатие и делает что-то полезное. Отправляет ваши данные на сервер для сохранения в базе данных;
  • серверные части (код на стороне сервера: Node.JS). Здесь вы можете обрабатывать данные, которые веб-сайт отправляет вам. Сохраните его в базе данных или отправьте куда-нибудь еще. Или преобразовать его и сохранить;
  • мобильные приложения. С фреймворком React Native вы можете сделать это, разве это не круто?
  • настольные приложения;

Шаг 4. Когда вы решите, какой путь вы хотите выбрать, изучите специфику этой среды..
Для браузеров (интерфейсный путь) вам нужно изучить ДОМ. Т.е. как взаимодействовать с визуальными элементами на странице сайта. Подумайте, какие проекты вы хотели бы создать — персональный сайт, интернет-магазин. Или что-то другое. И создайте его! Сделайте только супер простую и крошечную версию. Найдите теорию, которая вам понадобится, когда вы столкнетесь с неизвестными. Например, как найти все кнопки на странице и обрабатывать нажатия на каждую из них.

Если вы предпочитаете кодирование на стороне сервера, вы должны изучить Node.JS. Это вещь который поможет вам запустить Javascript в серверной среде. Узнайте, как:

  • создать базовый HTTP-сервер;
  • обрабатывать HTTP-запросы. например при звонке GET /api/hello ответить «Привет!»; Затем попрактиковаться. Возьмите Экспресс-библиотеку. Это упрощает создание кода на сервере. Создайте несколько HTTP-маршрутов, выполните некоторые преобразования данных, которые вы получаете.

И, конечно же, создать интересный проект! Сервер для сайта интернет-магазина? Дискорд-бот?

Для мобильных и настольных приложений стратегия одинакова. Узнайте подробности о фреймворках (React Native для мобильных устройств или Electron для настольных компьютеров). Создавайте любимые проекты.

Самое главное в достаточно быстром изучении Javascript — это много практиковаться. Не пропускайте это. Таким образом, вы узнаете применимые вещи, которые укрепляют то, что вы много читали.

Сосредоточьтесь на одной области. Закрепите свои знания в одной нише, а затем пойдите дальше после понимания основ.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *