Skip to content
Материалы программы обучения MetaLamp
Share
Explore

Про трудоустройство

Важная информация!

По любым вопросам по программе обучения пишите Светлане в Telegram: @Lana_Dulceva
Внимательно прочитайте введение и правила по работе во время программы.
Проходить программу обучения вы можете из любого уголка нашей страны, работать в дальнейшем тоже можно удалённо. Но если вы проживаете в Томске — у вас есть возможность посещать офис.
Обучение бесплатное и доступно всем. Но трудоустройство в нашу команду возможно только для граждан РФ. Поэтому и пятый этап обучения (код-ревью и командный проект) доступен только для граждан РФ.

INTRO

Добро пожаловать!
Тут собраны задания программы обучения: все участники имеют доступ к плану обучения.
Нам бы очень хотелось видеть, как вы сами кооперируетесь друг с другом и решаете вместе возникающие проблемы. На вашу коммуникацию мы тоже будем обращать внимание — в первую очередь мы ожидаем увидеть в вас приветливого хорошего человека, с которым приятно совместно работать по 8 часов в день :)
Сотрудничайте и помогайте друг другу, вы ни в коем случае не конкуренты, вы все — будущие коллеги и будущие крутые разработчики. Общение осуществляется в чатах в телеграм. У каждого задания есть свой чатик.
Объявлять кому-то о начале своего обучения не нужно. Вам достаточно просто оставить свой первый отчёт в телеграмм чат соответствующего задания, так мы поймем что вы приступили к обучению.
Также, для вашего удобства, оставляем ссылку на материалы программы обучения на сервисе . Раньше использовали только его и там могли остаться комментарии, которые ещё не успели перенести сюда. :)
В этом же доке вы можете найти другие полезные материалы по программе обучения:

Введение и структура курса

Задания разбиты на 5 этапов. Ниже приведены средние сроки прохождения каждого этапа при активном изучении по 30-40 часов в неделю:
1 задание — 1-3 недели
2 задание — 2-4 месяца
3 задание — 3-4 недели
4 задание — 1-2 месяца
5 задание — 3-6 месяцев
6 задание - 2,5 месяца

Формат обучения нацелен на изучение основ и принципов разработки. Мы сторонники фундаментальных знаний и уверены, что без них на ранних этапах обучения в технологии лучше не лезть. Это как пытаться настроить самому всю проводку в доме не зная закона Ома :) Поэтому для начала нужно изучить базис и тогда вы сможете выбирать и осваивать фреймворки осознанно, подбирая лучший под стоящую перед вами задачу:
Вёрстку,
Инструменты сборки,
Архитектуру вёрстки,
Теорию по JavaScript,
MVC и применение его на фронте,
Написание тестов (чтобы понимать, зачем они нужны).

Изучение этого материала разбито на 4 этапа с практическими заданиями, а последний 5-й — это большой рефакторинг на основе наших стандартов с созданием issues в ваших GitHub-репозиториях и проверка ваших знаний на личной беседе (в офисе или через созвон) c неограниченным количеством попыток; а также в пятом задание вам предстоит поучаствовать в групповом проекте. Вас ждут условия, как в реальной работе: требовательные заказчики, добрый скрам-мастер, внимательный продакт-оунер, горящие дедлайны, скоростное изучение новых технологий, взаимное код-ревью, меняющиеся по ходу проекта требования и полная удовлетворенность результатами работы как итог этапа.

Коммуникация во время обучения

Общение во время обучения проходит в Telegram-чатах (если у вас не запускается Telegram — вам необходимо использовать прокси или VPN)
Доступ к телеграм-чатам для общения по первому этапу вы найдёте в конце формы из описания первого задания — заполняйте эту форму, когда приступите к нему. В этом чате вы можете общаться с участниками и задавать вопросы по вёрстке.
Для второго и последующих этапов — аналогично отдельный чат в Телеграм. Мы просим скидывать в каждый чат небольшие отчеты каждый день, после того, как вы поработали над заданиями (если в какой-то день ничего по заданиям не делали — ничего страшного, просто ничего не отсылайте). Отчёт в свободной форме: расскажите, что делали и поделитесь своими впечатлениями.
Если вы уже знаете вёрстку или проходили курсы HTML-Academy, то вы можете сразу перейти ко второму заданию!

Как задавать вопросы?

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

Очень важно максимально точно и полно описать проблему, тут оба наречия "точно" и "полно" вставлены не просто так. Старайтесь описать проблему так, чтобы ни одна важная деталь не была упущена, а потом выпилите из вопроса все лишнее. Старайтесь задать вопрос так, чтобы не пришлось в ответ спрашивать деталей.
Оформляйте код в или с вашей проблемой, чтобы там ее можно было найти и сразу же повторить. Там должен быть только минимальный код, описывающий проблему. Возможно, пока вы будете оформлять минимальный код, выпиливая все лишнее, вы сами и найдете проблему.
Не бойтесь вставлять скриншоты (пример программы для скриншота:
), где показывайте интерфейс, который у вас почему-то не строится, как надо.
Вставлять ссылки на свои github репозитории лучше НЕ надо — для нас тяжело разбираться по каждому вопросу сразу в контексте всего репо, так как надо будет изучить кучу контекста. Небольшие примеры кода на jsfiddle как раз лишены всего нерелевантного и там можно смотреть только на тот код, что создает проблему.
Обязательно надо рассказать, что уже пробовали сделать и какое в итоге расхождение было с желаемым результатом.
Вот отличный сборник правил о том, как грамотно задавать вопросы [] и
[]
Вот ещё один пример как задавать вопросы.

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


По любым вопросам по программе обучения пишите Светлане в Telegram: @Lana_Dulceva

Задание 1. Изучение вёрстки. (1-3 недели)

Если вы уже знаете вёрстку, то вы можете сразу перейти ко второму заданию!
Перед началом изучения материалов — заполните небольшую , в конце которой вы найдёте ссылку на телеграм-чат, для всех, кто приступает к первому заданию. Задавайте вопросы по ходу изучения в чате.
ВАЖНО! После входа в группу нужно нажать на кнопку “Я не бот”, иначе вас выкинет из группы.
Отчеты за первый этап присылайте в этот чат из выше, там же общайтесь, задавайте вопросы и помогайте другим участникам — рекомендуем.

Описание задания

В основе всей работы frontend-разработчика лежит создание интерфейсов. Первый и важный навык — умение скомпоновать внешний вид на HTML+СSS по макетам дизайнера.

Часть 1

Мы рекомендуем начать обучение с курса — (без последних 2-х блоков).
Это не единственный обучающий ресурс по вёрстке, вы можете сами выбрать любой другой источник, главное просто свериться с содержанием курсов, чтобы не пропустить какие-то важные темы.

Часть 2

Вам необходимо изучить Git (систему контроля версий). Для изучения мы рекомендуем —

Задание вам даст

Уверенные знания вёрстки с HTML и CSS.
Уверенное владение Git. Если вы уже владеете следующими темами, то можете по гиту пока больше не изучать и идти дальше:
Индексация
Коммиты
Ветки (Создание, переключение)
Мерж веток
Просмотр изменений между коммитами или между ветками
Разрешение конфликтов
Клонирование репозиториев
Подключение нескольких удалённых репозиториев

Дополнительный материал к первому блоку

Материалы не являются обязательными и прикладываются в качестве рекомендаций. Вы можете добавить порталы и ссылки в закладки. По мере прохождения курсов мы будем выдавать вам ссылки и порталы, где можно читать дополнительные материалы, искать ответы и следить за новостями отрасли:
Книга «HTML и CSS. Разработка и дизайн веб-сайтов» Джон Дакетт. Полная версия
Здесь очень ясно и понятно объясняется :

По любым вопросам по программе обучения пишите Виктору в Telegram: @victor_gorbachev
Материалы рекомендованные другими участниками программы обучения (открывается нажатием на треугольничек)
— бесплатный аналог htmlacademy
— теория и есть несложные задачки на верстку (для практики полезная штука)
- по html
- по cs
- тест по html, проверь себя
- основы JS, интерактивный бесплатный курс
- анимированое руководство по flex
- Как отцентрировать все что угодно
- интересный сервис, есть как и база HTML/CSS, так и JS + jQuery для следующего этапа
— хорошие туториалы по основам
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.