Webstacker

Твой онлайн-журнал с мира Web и Front End: Новости, статьи и гайды на русском

Как стать крутым веб-разработчиком

  • Вещает
  • Опубликовано:
  • Изменено:
Как стать офигенным веб-дэвом

Привет!
Меня зовут Даниил и я веб-разработчик. Я создаю красивые картины из гиперразметки и стилей, дополняя их магией скриптов. И не только. В этой статье я поведаю о пути становления ахуительным веб-дэвом, личных мыслях и прочих вкусностях. Интересно? Добро пожаловать.

А написал эту статью специально для подписчиков моего канала: @webdevblog.

Дисклеймер: статья содержит мат. Не нравится – идите нахуй.

Что же… Начнем. Буду стараться расписывать по минимуму, тезисами. Но не обещаю – голова думает, а руки делают.

Личные качества

Как бы твоя тетка-мамка-бабка не пихали тебя в ИТ – без профильного понимания ты станешь либо одноклеточной мамакой, клепающей однотипное дерьмо, либо овощем, который впаривает бытовую технику в магазинах электроники, заебывая посетителей. Тебе нужно понимать как работает каждый из девайсов: будь то ПК, планшет, смартфон или телевизор. Сюда же — ОС и их особенности, связанные с вебом. Особенно — работая со скриптами. Не понимая интерфейсов и возможностей каждой из систем, ты рискуешь потерять часть пользователей, которые попались на уебищный интерфейс, сломанные стили или ошибки в скриптах.

Что еще? Желание развиваться. Тебе придется вьебывать постоянно. Ты никогда не выучишь все. Сиризли. Если ты не готов постоянно учиться – ты станешь старым пердуном, который застрял на одном месте. Да, ты можешь рубить кучу бабла, но ты будешь устаревать. И, в конце концов, ты так и умрешь, верстая всю жизнь лендосы за 40 гривен.

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

Дальше — отсутствие игрозависимости. Либо не начинай/прощайся с этим, либо идешь лесом. Это дерьмо съедает время, нервы и жизнь. Мы же развиваемся, верно?

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

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

Профильные навыки

Ох. Поговорим, мы конечно, о веб-сфере. А именно — о фронтенде. О бекенде мы поговорим в следующих статьях. Заодно повод подписаться на мой канал, если еще не подписан.

Старт

Стартовать, конечно же, стоит с HTML и CSS: тэги, стили, сетка, элементы интерфейса, адаптивность, прочее. Я бы, имхо, начинал с верстки float’ами. Устаревший, но нужный для понимания, метод построения сетки. И плавно переходил к флексам, которые сейчас ходовые. Узнать что такое минификация, зачем она нужна. Как браузер рендерит страницу. Почему стили должны быть в head и зачем скрипты размещают в конце body. По чуть-чуть вникать в Javascript: переменные, функции, работа с DOMами. Книг и курсов не посоветую — это все хуйня. Вся нужная информация есть в гугле. Пиздец дохуя инфы.

После – можно поверхностно взять jQuery. Устаревший плагин, но в обиходе из-за удобных функций для работы с DOMами и широкого комьюнити, которое пилит тонну плагинов на все случаи жизни. Также, советую покопать код Bootstrap. Внутри можно найти много интересных фич, непопулярных стилей и кроссбраузерных решений. Плюс: Зачем нужен normalize. Кроссбраузерность (вендорные префиксы). Cookie. SVG.

Мидл
BEM(хотя бы понимание сути, можно и свой стиль использовать), SEO-оптимизация, LocalStorage. Также сюда бы отнес:

  • Gulp/Webpack
    Ахуительная штука для автоматизации рабочих процессов: лайв-релоад в девелопменте, сборка стилей, страниц и скриптов в один, оптимизация изображений и прочие вкусности.
  • SCSS
    Функции, переменные и удобная структура дочерних классов. Не путать с SASS.
  • Усугубляемся в Javascript
    ES6, препроцессоры, менеджеры пакетов. Начинаем понимать то, что современный фронтенд — это 80% скрипты. Погружаемся.

Барин

Фреймворки вроде Angular, React или Vue. Лично я советую React, слишком уж он приятен. Если тоже взялись за него — берем и Redux и тонну различных плагинов. Тестирование (Jest, Mocha).

Бог
Веб-сокеты, сервис-воркеры, другие различные API современных браузеров. Канвасы. Так далее. Если ты добрался сюда – сам поймешь что и как.

Рабочая лошадка

Спорный пункт, но выдам свое личное мнение. Не нравится? Читай дисклеймер, мне похуй.

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

  • Автономность
    Для меня это самый важный пункт – я очень часто в разъездах. И между точкой А и Б – мне нужна моя лошадка. Максимально долго.
  • Портативность
    Выше объяснил, но добавлю – лошадка должна быть легкой и маленькой. Пердежный игровой, хоть и ноут, не катит.
  • Экран
    Маст-хэв пункт. Иначе можешь смело выбрасывать свои глаза на помойку за пару лет.
  • Удобство
    Различные фичи, ОС, клавиатура. Последнее важнее всего – ты ж, как-никак, рыцарь клавиатуры. Она должна быть удобной.
  • Мощность
    Лошадка должна тащить все твоё дерьмо на себе и чувствовать себя адекватно. И иметь запас, на всякий.

Что насчет меня? Начинал свой путь я с виндоноута, сидел и на линухе.
Но последние 3-4 года я сижу только на Mac. А точнее – на Macbook Pro. Предвидя «ко-ко-ко» со стороны петухов, я скажу то, что лучше лошадки под мои задачи не существует: батарея держит ахуенно, с их трэкпадом я забыл о мышке, экран — шикарен, ОС — приятная. Заодно — синхронизация и взаимодействие между устройствами инсайд. Пам.

Подытожим…

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

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

Приятно. Пока.

Также подписывайтесь на наш офигенный Телеграм-канал 🤘: постим крутые статьи, авторские мнения, новости и шутки из мира Web-разработки. Понравилась статья? Расскажи об этом друзьям!