Учитесь кодировать: умные способы изучения веб-разработки

Большинство людей учатся так:

Я собираюсь дать вам способ обойти эти распространенные ловушки при обучении программированию. Это особенно важно при обучении программированию, потому что это может быть довольно сложно.

Все, что вам нужно, — это четкая цель и структурированный план работы:

  1. Сократите свои потери . Знайте, над чем вы работаете и что еще существует, чтобы не тратить свое время понапрасну.
  2. Создайте пирамиду приоритетов . В своем рабочем плане составьте список задач, чтобы вы знали, что делать в первую очередь, затем во вторую, в третью и т. д. причина.
  3. Действуйте, а не мечтайте. Сосредоточьтесь на своей цели, чтобы сохранять мотивацию.
  4. Создайте свой собственный путь: определите, отработайте и протестируйте свои собственные методы обучения, а не следуйте остальным, как овцы.

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

Реальная структура для изучения веб-разработки

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

Эта структура принесет вам две вещи:

ОДНА — понять, ЧТО вы изучаете, и

ВТОРОЕ — ПОЧЕМУ вы его изучаете.

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

Каждая часть пирамиды представляет собой часть знаний, и все эти знания вместе дают вам возможность создать полнофункциональное приложение, например. ваш собственный Netflix, Spotify или социальное приложение.

*Это сделано для упрощения веб-разработки. Между этапами могут быть дополнительные технологии, которые здесь не показаны.

Вроде не много да? Правда в том, что это не так.

Пирамида проведет вас через все элементы, необходимые для обучения программированию. Таким образом, вы всегда будете знать, что происходит и почему, а это, поверьте мне, в программировании является БОЛЬШИМ ДЕЛОМ.

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

Разрушение структуры

Пример: Атом. Как начать кодирование?
Какие инструменты мне нужно установить на моем компьютере?

Пример: HTML, CSS, JavaScript. Речь идет о создании контента, который ваш пользователь (или вы сами, в зависимости от того, насколько вы нарциссичны) может увидеть и оценить. Так что на самом деле создание контента и стиля

это для улучшения пользовательского опыта.

Пример: Bootstrap. Библиотеки похожи на огромную энциклопедию, содержащую информацию, непосредственно пригодную для реальных дел. Они представляют собой набор инструкций для небольших задач, необходимых для достижения более масштабных целей, которые вы себе представляете. Пример: вы хотите создать красивую анимацию для своего веб-сайта, которая делает это, это и это. К счастью, кто-то уже сделал функциональные возможности этих трех конкретных вещей, так что вы можете просто

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

Пример: Node.js. Backend — это логика вашего продукта. Это закулисное действие. Возьмем, к примеру, ваш GPS: то, как он рассчитывает дорогу, по которой вы должны идти, не отображается, отображается только дорога, по которой вы должны идти. Но чтобы добраться до этой дороги, GPS пришлось запустить кучу хитрых алгоритмов. Это бэкенд. Вы его не видите, но без него ваш GPS не работал бы. Даже когда вы смотрите на веб-форму, там задействована серверная часть. Сохранение данных формы и доступ к ним при повторном посещении

веб-форма выполняется в бэкэнде.

Пример: Express.js. Точно так же, как библиотеки сделали нашу жизнь намного проще, так и фреймворки. Вы когда-нибудь задумывались, почему почти во всем всегда есть шаги, которым нужно следовать? Как фактические процедуры и порядок, в котором нужно что-то делать. Это потому, что нам, людям, нужна структура, чтобы понимать, что происходит вокруг нас. И это то, что фреймворки делают для нас. Они позаботятся обо всех скучных частях процедуры, чтобы мы могли

сосредоточиться на создании новых интересных вещей.

Пример: MongoDB. Теперь мы начинаем углубляться в скрытые секреты кодирования, а точнее в Интернет. Саму по себе базу данных понять несложно, но ее роль в веб-разработке часто упускают из виду. Вы можете думать о базе данных как об огромном листе Excel, содержащем все виды данных. Но, учитывая огромные объемы данных, хранящихся в Интернете, базы данных — это гораздо больше, чем просто гигантский лист Excel. Базы данных также предлагают услуги для быстрого сохранения новой информации и доступа к любой информации намного быстрее, чем это когда-либо мог бы сделать лист Excel. Они позволяют объединять, разделять и организовывать данные по вашему желанию. Если у вас есть пользователь

аккаунты, здесь будет храниться ваша информация.

Пример: НПМ. Вы уже видели все эти причудливые инструменты, которые вам нужно знать, но как вы сможете отслеживать их все? Хуже того, как начать правильно их использовать, не перегружаясь? Здесь на помощь приходят системы упаковки. Они представляют собой набор кода, которым люди поделились для повторного использования любым другим пользователем. Таким образом, вы можете проверить миллионы кодов других людей и изучить их, прежде чем собирать свой собственный проект. Системы упаковки специфичны для одного языка, поэтому найти код, который легко интегрируется в ваш проект, очень просто. Например, вход через facebook — это пакет, который вы

можно просто скачать и использовать для вашего продукта.

Пример: Хероку. Так вы доносите свой продукт до пользователей. Вы построили проект, и пришло время собрать все части в единое целое. Таким образом, вы используете службу развертывания, которая будет обрабатывать это для

вас и сделать ваш продукт видимым для всех.

Вот и все. Следуйте этой структуре, и вы никогда не потеряетесь в своем путешествии по веб-разработке. Вы всегда будете знать, что для чего нужно и, следовательно, зачем вы это изучаете. В следующей статье мы рассмотрим пути, которые у вас впереди. Чему я должен научиться, чтобы запустить свой стартап? Какие технологии мне нужно изучить, чтобы получить высокооплачиваемую работу в веб-разработке? Каковы преимущества изучения одной технологии перед другой?

Learn to Code — это серия, подготовленная Академией Elium, целью которой является предоставление вам знаний, стратегий и ресурсов, которые помогут вам начать свой путь в программировании.

Поставив отметку "Нравится" и поделившись этим постом, вы поможете другим начать свой путь в программировании.

Первоначально опубликовано на сайте blog.elium.academy 1 декабря 2016 г.