Front-end

Пост-начало

ДЗ на первую неделю

1. Зарегистрироваться и пройти первые 2 недели на openedu

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

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

3. Установить VSCODE

Посмотреть обучалки. Выбрать что понятнее:

eng: https://code.visualstudio.com/docs/getstarted/introvideos

рус: https://htmlacademy.ru/blog/boost/tools/vscode

рус: https://www.youtube.com/results?search_query=vscode

PS Мне проще объяснять на IDE, которую использую сама. Понятно, что существует куча разных. Вы, подписчики, выбираете то, что зайдет именно вам: Sublime, Atom, VSCode, Webstorm - выбирайте.

4. Почитать все, на что хватит сил про GIT

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

Замечание: подправила формулировки, так как раньше была просто копия того, что я писала тем, кого курирую.


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

Кратко повторю список минимально необходимого чтобы ваше резюме стало интересно работодателю: публичное портфолио на гитхабе (гитлаб, битбакет etc), примеры решения задач с адаптивной версткой и JS. Если не знаете JS, шанс найти работу, считаю, ничтожен.

Что предстоит изучить:

- HTML, CSS

- Освоение работы с графическими программами: Figma / Zeppelin. Поверхностное знакомство с Photoshop.

- Верстка страниц по макетам.

- Работа с основными инструментами разработчика: Git, Gulp/Webpack, IDE,

- работа с консолью

- работа с devtools в браузере

- Верстка сайтов для портфолио.

- JS

- Отработка задач

- Проектик на js для портфолио

- Typescript

- Vue || React || Angular

Как учимся

- проходим бесплатный курс html&css на платформе открытого образования (регистрация открыта еще дней 40, следующий курс, наверно, только в сентябре). они хорошо дают базу.

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

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

На этом этапе, подписчики,  я бы рекомендовала найти курсы html academy (они есть на трекерах) и прослушать их лекции и разборы для второго уровня верстки (адаптивная). Мне в свое время они помогли сделать нормальные примеры для портфолио и получить общее представление о верстке (с чего начать, как декомпозировать сложные макеты).

- затем делаем сайты для портфолио (можно уже пытаться искать работу, но скорей всего не получится)

- отрабатываем тестовое задание Яндекса для обучения в Школе Интерфейсов (часть с версткой)

Если с версткой все ок, то переходим к JS

- Основы JS изучаем по learn.javascript.ru

- Я делала хардкорно: читала Флэнагана "Полное руководство". Да, трудно научиться по нему решать задачки, но если осилите прочитать, то получите хорошее представление об особенностях языка. Возможно кому-то лучше подойдет "Вы не знаете JS" (серия книг). Они есть в свободном доступе на гитхаб.

- Отрабатываем небольшие задачки (больше чем в учебнике, но меньше чем целый сайт)

- отрабатываем тестовое задание Яндекса для обучения в Школе Интерфейсов (часть со скриптами)


- Делаем что-то для портфолио. Начинаем искать работу.

Если и с JS все отлично, то можно разобраться с одним из фреймворков - Angular, Vue или React.

PS  В комментариях к другому посту подсказали, что уже все сделано до нас ( и то правда ) и есть курс от MDN. Если умеете читать на английском, вот тут курс для самостоятельного освоения.

Пост-начало тут

Предисловие: все нижесказанное сугубо мое личное мнение. На цвет и вкус все фломастеры разные. Аминь.

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

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

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

Кому-то будет достаточно разобраться с адаптивной версткой, освоить jquery, основы php и уйти в направление «я тебя слепил из того что было», то бишь сайты на cms. Вполне жизненный путь развития, но тоже не про большие деньги в разработке.

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

Вот примерные зп из того что я наблюдаю (в Москве) в разработке на Ангуляре:

- джун который знает основы фреймворка и не путается в нативном JS может претендовать на зп 60-70тыр

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

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

- от 2 -2,5 лет и реальных навыков и знаний можно начинать планировать семейный бюджет на ЗП от 200 тыр.

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

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

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

HTML Academy (я весьма уважительно отношусь к тому, что ребята делают, но никогда не была готова отвалить им столько денег, сколько стоят их курсы) оценивают весь путь непрерывного обучения с их очень упорядоченной подачей информацией в 1 год и 3 месяца. За это время они дают верстку, адаптивную верстку, нативный js - базу и основы реакта.

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

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

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

2,5 года назад я не знала ни верстку, ни программирование, вообще ничего что сейчас является моей работой. И я не училась на платных курсах.

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

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

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

Дойдут те, кто хочет учиться. И легко точно не будет.

Отдельным постом я выложу первый этап теории (ссылки) и домашку на неделю.

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

Чтобы стать интересным работодателю и устроиться на свою первую работу, вам нужно знать и уметь:

- без проблем читать на английском (отлично если и на слух понимаете)

- адаптивная верстка: HTML, CSS; 

- работа с популярными графическими программами (сейчас кажется Фигма в фаворе)

- нативный JS

- инструменты автоматизации Gulp/Webpack,

- Git, консоль

- отлично если вы освоите один из фреймворков (React/Vue/Angular)

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

Симпатичный сайт-резюме добавит вам баллов.

Если хотите понять есть ли у вас шанс найти работу, попробуйте сделать тестовое задание в Школе интерфейсов Яндекса на 2021 год. Оччень хорошее тестовое у них.

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

И это все будет только началом пути в программисты.

Когда вы разберетесь со списком выше, вас ждут алгоритмы, паттерны, gitflow, ООП, Docker и другие чудеса мира разработки :)

Добрый вечер.
Начну свой пост с того, что это мой первый пост здесь и в принципе первый опыт написания чего-либо на всеобщее обозрение в интернете. По сему не судите строго.

Цель.
1)Я уже далеко не первый (скорее где-то между 4876 и 4877; по моим ничем не подкреплённым, сугубо субъективным прекидкам) пользователь великолепного Пикабу, который решил начать изучить front-end.
А потому моей основной целью является зафиксировать собственный прогресс, а также дополнительно мотивировать себя на этом нелегком пути Веба.
Может быть мой путь в конечном счёте кому-либо поможет.
Конечно же я буду очень признателен за любые предложения, советы, ссылки на различные сайты/туториалы, а также за всевозможные мотивирующие или демотивирующие комментарии.

О себе.
1)Возраст-23 года.
2)Стату-студент 2 курса химического факультета.
3)Образование-см. Статус.
3)Релевантный опыт-никакого.

Знания.
На текущий момент руководствуюсь вот этим F.A.Q

General frontend FAQ

Пишу я уже спустя 2 месяца после того как начала обучение., поэтому...
1)HTML/CSS-более углублённое знание (на сколько я могу судить (поправьте если это не так и подскажите, что является углубленным знанием), flexbox, grid. Но без предпроцессоров и SASS или LESS (только приступаю к SASS и Bootstrap).
2)Более-менее разобрался с VS code, скачал самые популярные и must have плагины для HTML/CSS и JS.

Не знаю насколько они релевантны но...
3)Знание иностранных языков:
Французский: Fluent (C1-C2)
Английский: Advanced (B2)
Немецкий: Basic (A2B1)

Портфолио.
1)Есть пару сайтов написанных на codepen.io.
Адаптивный, кроссплатформенный с чуточкой JS сайт, который я отчасти повторил по tutorial.

Где учу.
1)FreeCodeCamp
Заканчиваю/Делаю последние 2 проекта по Responsive Web Design.
2)Прошёл бесплатный веб-дизайн от Яндекс.Практикума.
3)Уже хочу приступить к https://learn.javascript.ru, но думаю, что в одну кучу мешать не стоит, закончу сначала с HTML CSS.

Итого.
Буду обновлять информацию раз в месяц. Посмотри что из этого всего выйдет.