Что я узнал, разбирая «Дорожную карту веб-разработчиков».

1656552385 chto ya uznal razbiraya dorozhnuyu kartu veb razrabotchikov

Николь Аршамбо

Преимущества обучения с целью обучения других

1*aZyrIIxkDtxWIQlUO9fPpA

Привет, freeCodeCamps и другие!

Я Николь, одна из ваших начинающих коллег веб-разработчиков.

Я активен в сообществе freeCodeCamp как организатор встречи MetroWest MA freeCodeCamp Meetup и ведущий подкаста La Vie en Code. Недавно Квинси наградил меня статусом лучшего соавтора 2018 года, что, по сути, составило мой год. ?

Я люблю отдавать и делиться тем, что могу… собственно об этом и говорится в этой статье!

Немного моей истории

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

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

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

Это часть процесса, и это да весело. Или, по крайней мере, я думаю, что так должно быть!

Я занимаюсь индустрией с 2015 года, когда решил сменить карьеру в службе обслуживания клиентов и научиться создавать для Интернета. Я начал обучение как специалист по информатике на бакалавриате, но в конце концов сменил специальность после того, как меня не поощряли продолжать из-за низкой производительности — возможно, неумышленно, но вред все равно был нанесен.

Когда я начал учиться кодировать в 2015 году, я тоже завел блог под названием La Vie en Code. Я написал немного о том и о том, о чем узнал, и о случайных мнениях о веб-разработке, которые, по моему мнению, могут помочь другим.

Я начал кодировать в Портленде, штат Орегон, а затем в начале 2016 года ездил по стране, чтобы быть поближе к семье. Находясь там, я получил свою первую работу веб-разработчика в маленьком магазинчике на Кейп-Коде, штат Массачусетс, о котором у меня есть целый эпизод подкаста, потому что он был… уникальным. ?

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

Я фактически поднял бренд La Vie en Code на новые высоты, хотя на самом деле это только я. В 2016 году я начал подкаст La Vie en Code, посвященный студентам, занимающимся самообразованием из веб-разработчиков.

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

  • Опыт обучения кодированию
  • Наука обучения — и, в частности, как эффективно изучать информацию, с которой вы сталкиваетесь
  • Игры и геймификация
  • Теории образовательных технологий
  • Как создать собственный блог
  • Платформы для электронного обучения, такие как Treehouse и freeCodeCamp
  • Интервью с другими студентами-самоучками, которые занимаются веб-разработчиками
  • Психические заболевания и здоровье
    (Честно говоря, у меня есть очень вдохновляющая история)
  • Некоторые упрощенные концепции, такие как JavaScript и DOM

Этот подкаст – мое сердце и душа. Из-за проблем со здоровьем мне постоянно тяжело удалять эпизоды, но я всегда возвращаюсь к ним, потому что мне это нравится. Вы даже можете отождествлять себя с этим ощущением, когда дело доходит до веб-разработки.

Итак, давайте поговорим об этом вызове, который я поставил себе еще в апреле.

О каком «вызове» я говорю?

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

Работа таким образом сняла с меня давление создавать что-то совершенно новое и учиться в процессе. Проект был бы аудиоформатным описанием ресурса, которое, на мой взгляд, можно было бы объяснить на более «упрощенном» уровне.

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

(Это прежде всего потому, что — поворот сюжета! — Я также нахожусь в спектре аутизма. Обучение было для меня адом, поэтому я твердо решил помочь облегчить жизнь другим. Мне еще не поставили диагноз, когда я записал свой второй эпизод, Как я узнал, как я учился, и я научился поэтому гораздо больше о себе даже с тех пор.)

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

Итак, из чего я собирался строить? В качестве ресурса я выбрал блок-схему, созданную коллегой-разработчиком Камраном Ахмедом. Ресурс назывался The Web Developer Roadmap… и был абсолютно идеальным для моего проекта. Я вспоминал это несколько раз в течение своего образования.

Что такое дорожная карта веб-разработчика?

1*BCr-k47OjhPDxEI-bGr5CA

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

Это включает:

  • Основы/»Нужно для любого пути»: Концепции, которые вы должны знать, независимо от того, где вы окажетесь в веб-разработке
  • Передний край: Концепции и технологии, необходимые для создания Front-end (на стороне клиента)
  • Бек-энд: Концепции и технологии, необходимые для создания Back-End (на стороне сервера)
  • И Dev Ops, который я решил себе позволить, пытаясь прикрыть себя – это для будущего гостевого эпизода, если кто-то захочет прийти в подкаст и научить нас! Просто напишите мне в Twitter.

(Вместо Dev Ops я завершил сериал включенным 4-м эпизодом конструировать инструменты: запускатели задач, менеджеры пакетов и загрузчики модулей Я объясню, что они делают и как они могут облегчить жизнь нашему разработчику!)

Какие конкретные темы есть в Дорожной карте?

Есть много тем только в разделах Основы/»Нужны для любого пути», Front-end и Back-end. Я действительно гордился собой, когда мне удалось сократить каждую секцию только до часа!

Вот темы, разбитые по путям:

Основы/необходимы для любого пути

  • Контроль версий: Git и GitHub
  • SSH (безопасная оболочка)
  • HTTP/HTTPS (и протоколы в целом)
  • API
  • Основное использование терминала
  • Учимся исследовать
    (Критический для студентов-самоучек)
  • Структуры данных и алгоритмы
  • Кодировка символов
  • Шаблоны дизайна
  • Тестирование
  • Инструменты создания

Фронт-энд

  • Основы HTML
  • Основы CSS
  • Основы JavaScript
  • jQuery
  • Мобильная чувствительность
  • Менеджеры пакетов и зависимости
  • Препроцессоры CSS/Фреймворки/Архитектура
  • Прогрессивные веб-приложения
  • Тип Шашки
  • Рендеринг на стороне сервера

Back-end

  • Серверные языки
  • Реляционные базы данных
  • Нереляционные (NoSQL) базы данных
  • Графические базы данных
  • Кэширование
  • RESTful API
  • Методы аутентификации и авторизации
  • Брокеры сообщений
  • Поисковые системы
  • Контейнеры/Докер
  • Веб-серверы
  • Веб-сокеты
  • GraphQL

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

Я включил используемые ресурсы в заметки к шоу. Некоторые видео, которые я использовал, имели менее 5000 просмотров на YouTube, но я действительно чувствовал, что они действительно хорошо объясняют концепцию.

Чему я научился по опыту?

Так много!

я бы очень Рекомендуем каждому попытаться объяснить другие темы как можно проще. Это гораздо сложнее, чем казалось бы!

1*hUIthykOh-sYE_pkXDtldw
Я написал в Твиттере вызов, чтобы кто-нибудь объяснил закрытие как можно простым способом. Это труднее, чем кажется.

Здесь есть один особо важный урок:

я был нет На 100% уверен или где-то близко к нему, что я правильно объясню эти понятия. Все они собирались отфильтровать из-за моего собственного восприятия, и ни у кого не такое восприятие. я сделала отверг многие мои объяснения и контекстуализацию от друзей-разработчиков в Twitter и получил большинство положительных отзывов перед записью.

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

Раньше я писал техническую тему в подкасте JavaScript и DOM. Но это было ничто по сравнению с охватом целого «дорожной карты» тем веб-разработки.

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

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

Что касается разделов, вот что я узнал:

Основы/необходимы для любого пути

Я не был очень удивлен, обнаружив, что некоторые из этих «основ» не были для меня такими основными. Я рад, что пришел с этим ожиданием, поэтому я не отчаялся. Раньше я работал со всеми этими темами в определенном качестве, поэтому я чувствовал себя достаточно уверенно, исследуя и выступая на них.

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

Я был очень счастлив, когда увидел, что Камран Ахмед включил Учимся исследовать на дорожной карте. Это абсолютно важный навык, который создает или ломает новых веб-разработчиков, нам нужно знать, как уверенно и эффективно учиться на ресурсах и друг у друга. Я мог бы говорить по этой теме целый день.

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

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

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

Фронт-энд

Я разработчик Front-end, но не думайте ни на секунду, что это была обычная прогулка. Я был совершенно прозрачным по поводу того факта, что в течение собственного образования не создал столько проектов, сколько хотелось бы.

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

В частях Front-end и Back-end Дорожная карта начинает разбивать каждую концепцию на шаг, который я проходил один за другим. Я вижу это как своеобразное путешествие. Мне было очень полезно увидеть предложенный поток обучения, потому что каждая тема действительно имела возможность расширить предыдущую.

Пожалуй, лучшая часть конфигурации Дорожной карты – это интервал времени проекта или «практические мероприятия», с чем я всегда боролся.

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

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

Но в конце этого раздела я действительно почувствовал, что по-новому оценил Front-end. Я еще раз убедился в его важности и ощутил гордость, зная такие понятия, как семантический HTML и модульный CSS.

Front-end действительно красивый. ❤️

Back-end

Мне кажется, что я пот, записывая это (LOL). Нет, это было не так плохо, и я многому научился… но это, безусловно, было упражнение на самообразование!

Я изучил PHP и некоторые NodeJS, в основном из потребности. Я люблю WordPress и запускаю на нем сайт La Vie en Code, поэтому я как-то нечаянно также стал начинающим разработчиком PHP. Говорите что хотите, я считаю, что PHP – отличный язык сценариев.

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

Я люблю видеть тестирование как у Front-end, так и в Back-end частях Дорожной карты, потому что принципы тестирования действительно применяются везде. Мы должны знать на каждом шагу, что наши программы работают должным образом – на стороне клиента и на стороне сервера. Я думаю, что многие новые веб-разработчики считают, что тестирование предназначено только для Back-end разработки, и я надеюсь научить их другому.

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

Ладно, ты собираешься поделиться этим проектом, что ли?

Да! Контекст важен, и я думаю, что понимание стоящей за этим истории улучшит ваш опыт прослушивания подкаста.

Прослушать эпизоды по порядку можно здесь:

Серия LVEC «Разборка дорожной карты веб-разработчика» | Подкаст La Vie en Code
Дорожная карта веб-разработчиков на 2018 год от Камрана Ахмеда является ценным ресурсом для новых веб-разработчиков. В этой серии я разбираю…www.lavieencode.net

Я создал эту целевую страницу для эпизодов подкастов, потому их легко просматривать по порядку. Не мешайте, насколько это элементарно – это только дом эпизодов.

Вы также можете подписаться на подкаст La Vie en Code в iTunes, Google Play, SoundCloud и Stitcher. У меня есть еженедельный информационный бюллетень «Жизнь в коде», если вас интересуют полезные ресурсы, новости и банальные шутки разработчиков:

Я надеюсь, что это поможет!

Я хотел бы услышать ваши мысли в Twitter! Если вам это помогло, если я не учел тему, если у вас есть дополнительные мнения… Я хочу их услышать.

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

Ваш адрес email не будет опубликован.