Что делать, если ты новичок фронтендер?

Влад Антипенко, Force-Up

Что делать, если ты новичок фронтендер?

фото докладчика

Влад Антипенко

Force-Up

студент НАУ "ХАИ"

Оглавление

1. Почему новички отваливаются?

Слишком много работы

НЕТ !

Трудоголизм ≈ Алкоголизм

Я уже молодец!

Hands on the orange typewriter in a park

2. Техническое развитие

2.1 Продолжайте обучение

Проходите интерактивные курсы

Смотрите видеоуроки, скринкасты, доклады

  1. ALL YOUR HTML
  2. google chrome developers
  3. Wes Bos
  4. Chris Coyier
  5. Фронтенд для новичка. Куда идти и что делать?
  6. HTML Шорты

Учите английский

  1. Lingualeo
  2. Совмещаем изучение английского языка с досугом
  3. Читайте документации
  4. Слушайте англоязычных спикеров
  5. Смотрите видео на английском
  6. Пишите документацию

Читайте спецификации

  1. Как это читать?
  2. Контекст наложения
  3. Селекторы 4 уровня
  4. А что, если мы долетим и там будет всё, Сергей Попов

Знакомьтесь с черновиками

  1. Вы не знаете CSS, Антон Немцев
  2. Где взять?

Узнайте как верстали раньше

  1. Что нам стоит дом построить? Антон Немцев

Лезь в другие области

  1. Узнайте как работает сервер и как его настравивать
  2. Подружитесь с Linux
  3. Почитай о дизайне, о цветах в вебе, о типографике
  4. Стань мастером Photoshop
  5. Разберись с базами данных и уровнями их нормализации

2.2 Практика

Напиши свою библиотеку

  1. Parallax своими руками
  2. Слайдер
  3. Выпадающие меню
  4. Табы
  5. Напиши качественное ReadMe

Как на продакшн

  1. Адаптивно
  2. Кроссбраузерно
  3. Валидно
  4. Доступно

Разберитесь уже наконец то с доступностью

  1. Веблайнд , (Помочь проекту)
  2. How I do an accessibility check

Стань гуру производительности

  1. Весь веб на 60+ FPS
  2. Как быстрее DOM построить
  3. Optimising the front end for the browser
  4. Бесплатный курс по оптимизации веб страниц на Udacity

Попробуйте API

  1. Напишите бота для Телеграмма
    1. Документация
    2. Node.JS: Делаем своего Telegram бота
  2. Поиграйтесь с Google Maps
    1. Документация. Начало работы
    2. Стилизация карты

2.3 Развитие

Подкасты

  1. Веб-стандарты
  2. Frontend Weekend
  3. Фронтерки
  4. SPB Frontend. Drinkcast

Будьте универсальны

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

«Книга Пяти Колец», Миямото Мусаси.

Сделайте вклад в сообщество

  1. Выступите на конференции
  2. Организуй митап/конференцию у себя в городе
  3. Когда наберетесь опыта, попробуйте себя в роли наставника

3. Нетехнические советы

3.1 Остаться в живых

Hands on the orange typewriter in a park

Не перерабатывайте

Кроме работы есть жизнь

  1. Вадим Макишвили — 36
  2. Вадим Макишвили — 5 минут

3.2 Как успевать?

Будьте продуктивны

  1. Милослав Волосков — Продуктивность
  2. 7 навыков, Стивен Кови
  3. Оставьте брезгливость, съешьте лягушку!, Брайан Трейси
  4. 15 советов двадцатилетним от того, кому уже тридцать

Общие советы

  1. Больше общайтесь с людьми
  2. Заводите новые знакомства
  3. Занимайтесь спортом
  4. Уделяйте время своим хобби
  5. Делайте заметки

Облик успешного новичка:

  1. Здоровый во всех смыслах
  2. Постоянно развивающийся
  3. Социально и физический активный
  4. Уделяйте время своим хобби
  5. Человек мира
  6. Великолепный специалист

Решите, что приносит вам кайф и делайте это!

Hands on the orange typewriter in a park

Спасибо за внимание

Вопросы/Cоветы


Shower logo See more on GitHub