Следующие шаги: персонализированное руководство по изучению веб-разработки

Автор Пурви Канал.

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

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

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

Я новичок в веб-разработке

Добро пожаловать! Вы решили, что хотите попробовать и продолжить карьеру в веб-разработке, и ищете безопасное место, чтобы начать работу с ресурсами A +. Хотя Bridge предназначен для людей, которые обычно последовательно используют JavaScript от 6 месяцев до 2 лет, существует множество отличных ресурсов, которые помогут вам сделать первый шаг.

Canada Learning Code предлагает несколько действительно отличных практических семинаров для людей, которые хотят начать работу. Мы рекомендуем проверить их введение в HTML и CSS и их введение в семинары по JavaScript, вы можете найти информацию об их предложениях здесь.

Вы также можете начать самостоятельное обучение онлайн через freeCodeCamp и Codecademy. У них обоих есть бесплатные вводные курсы по JavaScript, HTML и CSS. Самостоятельная работа над ними - отличный способ начать работу с поиском и посещением любых местных семинаров, на которые вы способны. Вообще говоря, вы можете найти местные семинары на Meetup.com и, возможно, захотите зайти в Twitter, если еще не сделали этого, и начать следить за местными разработчиками.

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

Вы сами прошли несколько онлайн-курсов и / или посетили несколько вводных семинаров по HTML, CSS и JavaScript. Замечательно! Вы, вероятно, задаетесь вопросом, как вы можете больше сосредоточить свое обучение, чтобы начать создавать вещи немного большего размера. Сейчас прекрасное время, чтобы подумать об изучении ES6 и освоении его, создав веб-сайт (вы можете попробовать это сами, создав личный веб-сайт).

Вот некоторые современные ресурсы JavaScript, некоторые из этих вариантов бесплатны, а некоторые нет, но по умеренной цене:

Также важно продолжать практиковаться в программировании, вот несколько мест, где вы можете попрактиковаться в том, что уже узнали:

По мере освоения JavaScript вы сможете глубже погрузиться в более сложные курсы и изучить один из наиболее популярных фреймворков - мы рекомендуем React.

Я участвую в учебном курсе по веб-разработке

Мы действительно верим в личное обучение, и именно для этого нужны учебные курсы. Воспользуйтесь преимуществами присутствия в классе и опытом ваших учителей и наставников, пока вы там, найдите время, чтобы узнать и пообщаться со своими сверстниками. Работайте вместе над заданиями и проектами и получите как можно больше опыта совместной работы. Скорее всего, вы закончите свой учебный курс с несколькими проектами, в которых задействованы jQuery, React и, возможно, какой-нибудь Node или Ruby on Rails. Это большой объем информации, который нужно усвоить за несколько коротких недель, особенно если вы видите все это впервые. Я бы порекомендовал поработать самостоятельно, не входя в учебную программу учебного курса, если у вас есть время, чтобы глубоко погрузиться в JavaScript и React.

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

Я использовал JavaScript для создания нескольких проектов

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

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

После того, как вы освоитесь с фреймворком, таким как React, и создали пару небольших проектов, попробуйте придумать более крупный проект, который вы можете построить, чтобы продолжать практиковать свои навыки JavaScript. Это должен быть проект, включающий некоторые данные, которые вы получаете из API, с типичными функциями, которые веб-приложение могло бы иметь, такими как вход в систему, отображение галереи с несколькими страницами данных, функциями доступности, формами, ленивой загрузкой изображений и т. Д. список хороших API для работы здесь. Если вы не можете придумать, что построить для практики, попробуйте создать продукт, который уже существует в формате только для чтения, например GitHub или Reddit. Оба этих продукта имеют API-интерфейсы, доступные для использования.

Идеальный способ попрактиковаться в написании кода - это зарабатывать деньги. Если вы ищете работу, ориентированную на веб-разработку, может быть сложно начать работу без предварительного опыта, но сейчас приоритетом является то, чтобы войти в эту дверь. Возможно, это не лучший вариант ежедневного написания приложений на React, но если вы можете получать деньги за написание кода каждый день, это один из лучших вариантов. Скорее всего, вам все равно придется дополнить свое обучение, когда у вас появится эта работа (и именно здесь на помощь приходит Bridge!), Но это отличное начало.

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

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

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

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

Я хорошо разбираюсь в JavaScript и прошел технический тест Bridge

Если вы уже проходили технический тест Bridge в прошлом, скорее всего, вы хорошо знакомы с JavaScript и, возможно, даже используете его ежедневно. Отличный вариант здесь - глубже погрузиться в то, как использовать JavaScript современным способом для выполнения сложных преобразований данных. Вот некоторые ресурсы по ES6, JavaScript и шаблонам функционального программирования:

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

У меня есть другой опыт программирования, кроме JavaScript

Мы видим приложения от людей, которые имеют опыт программирования в других областях, например, с помощью R, Python или MatLab для научного программирования, C / C ++, Java и других серверных технологий, которые хотят изучить веб-разработку. Если вы попадаете в эту категорию, у вас, вероятно, есть много базовых навыков программирования, и вам нужно сосредоточиться на реальном изучении и применении JavaScript. Взгляните на наш первый раздел «Я начал учиться веб-разработке», эти ресурсы могут помочь вам познакомиться с синтаксисом JavaScript. Следующим шагом будет ознакомление со средой выполнения JavaScript, это, как правило, огромная разница, поскольку JavaScript является однопоточным. Вот еще несколько дополнительных ресурсов JavaScript, когда у вас нет синтаксиса:

Я возвращаюсь к программированию после того, как оставил разработку на несколько лет

Добро пожаловать назад! Технологические стеки меняются каждый год, поэтому может быть непросто вернуться в программирование и задуматься о том, какие навыки нужно освежить. Если раньше вы были веб-разработчиком, JavaScript изменился настолько сильно, что может показаться, что вам захочется изучить его заново. Если вы уже знакомы с JavaScript, сделайте своим приоритетом ознакомление с ES6 / 7 и всеми новыми языковыми функциями. У нас есть ссылки на них в разделе «Я начал учиться веб-разработке». Как только вы освоитесь с ними, вы можете начать изучать интерфейсную структуру, такую ​​как React. У нас есть ссылки на ресурсы в разделе «Я участвую в учебном курсе по веб-разработке».

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

Заключительные мысли

Изучать программирование нетрадиционным способом сложно, и даже если у вас есть традиционное образование, в большинстве университетов нет актуальных курсов по веб-разработке, поэтому придется многому научиться самому. Вы можете подпадать под одну, несколько или частично все эти категории - мы знаем, что существует множество путей и обучение не является линейным. Из этого совета и списка ресурсов возьмите то, что наиболее актуально для вас в том месте, где вы сейчас находитесь. Продолжайте, продолжайте учиться, и мы надеемся вскоре увидеть ваше приложение для Bridge for frontend development.

Автор Пурви Канал.

Подпишитесь на нас в twitter, linkedin или facebook, чтобы получать все объявления о предстоящих когортах в наших потоках веб-интерфейса, серверной части и продуктового дизайна.

📝 Прочтите этот рассказ позже в Журнале.

👩‍💻 Просыпайтесь каждое воскресное утро и слушайте самые интересные истории из области технологий, ожидающие вас в вашем почтовом ящике. Прочтите информационный бюллетень« Примечательно в технологиях .