В номере: как стать разработчиком за 8 месяцев и ноль денег, какой фреймворк выбрать и как реагировать на тренды.
Ланч-тайм 133: краткий перевод свежих статей о digital
Сибирикс
ланч-тайм
Ланч-тайм 133: краткий
перевод свежих статей
о digital
В номере: как стать разработчиком за 8 месяцев и ноль денег, какой фреймворк выбрать и как реагировать на тренды.
#584
Стать разработчиком за 8 месяцев
How I Became a Developer in 8 Months
Я работала в подборе персонала, разыскивая и нанимая айтишников. Спрос на программистов велик, а спецов мало. Особенно женщин. Их было не более четверти от всех соискателей.

Я четко поняла, что для начальника не имеет значения, закончил ты универ или научился верстать по видеоурокам — вас всё равно пригласят на собеседование.

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

Итак, как стать разработчиком за восемь месяцев?

Качать новый скилл сначала будет тяжело. Это как посещать скучные школьные уроки по английскому снова и снова. Сначала учишь буквы, потом слова на непонятном тебе языке: HTML, CSS и JavaScript.

Изучение программирования несложно совмещать с работой. 34 часа в день — вполне достаточно. Самообучение поможет понять, стоит ли заниматься программированием дальше, понять, твое это или нет.

Годные ресурсы для старта:
  • Codeacademy — пошаговые курсы разработки;
  • W3Schools — курсы разработки с примерами, заточены на тесты и тренинги;
  • Codepen — шоукейс интересных техник с изменяемым кодом;
  • Udacity — бесплатные курсы и программы;
  • YouTube — бесконечный поток видео по программированию, место, с которого стоит начать.

Платные ресурсы тоже важны, но к ним лучше подходить, когда прошерстил все бесплатные и неплохо кодишь:
  • Tech Talent South — большой выбор курсов, с полной занятостью, с частичной занятостью или по неделям;
  • UNC Charlotte Coding Bootcamp — 24-недельный курс разработки полного цикла;
  • The Iron Yard — 12-недельный курс разработчика. Предлагает уроки фронтенда и бэкенда;
  • Coder Foundry — 12-недельные и 18-недельные курсы разработки полного цикла.

А где найти наставника? Их есть на буткемпах, хакатонах и пятничных кофе-брейках в IT-компаниях. Посещай их чаще, заводи знакомства, работай над своим имиджем. Года хватит, чтобы сформировать хорошее, годное портфолио, которое не стыдно показать рекрутеру.

И не забывай искать работу везде, где ее предлагают. Зарегистрируйся на hh, подпишись на паблик своего города. Ты легко найдешь 2-3 предложения. Сходи, пообщайся с эйчаром, посмотри, в каком коллективе предстоит работать.

Актуальным будет посещение Meetups. Это комьюнити по поиску групп разработчиков рядом с тобой.

Резюме:
  • Попробуй халявные курсы, чтобы понять, кодить — это твое или да;
  • Сначала изучи язык, чтобы мозг не взорвался от терминов;
  • Найди наставника, у которого всегда можно проконсультироваться;
  • Никогда не уходи с meetup-а, не рассказав пару слов о себе! А вдруг кто-то заметит тебя и позовет на стажировку?
  • Создай свой сайт-визитку.
Вывод: Пока ты думаешь, сыграть в контру или научиться уже кодить, в мире грустит один эйчар с незакрытой вакансией крутого программиста. Так что лучше учи :) Вы сэкономили 5 минут.
#585
Инструментарий Javascript— эволюция разработки фронтенда
Javascript Tooling — The Evolution and Future of JS & Front-end Build Tools
Речь пойдет о софтинках для разработки "видимой части" интернетов, в разной степени используемых.

CodeKit: сайт ленивого программиста
Актуальная версия: 3.0.5
ОС: MacOS 10.11+
Состояние: жива, но в Америке

Увидел свет в 2012 году и стал мастхэвом ленивого веб-разработчика. Умеет сжимать файлы и оптимизировать код одним щелчком мыши. Компилирует любой язык. Не имеет плагинов. Встраивается в браузеры на любом доступном устройстве. Выполняет отладку за тебя: набираешь текст в форме — он сам появляется на всех гаджетах. Редактируешь CSS? Даже не потребуется обновлять страницу. И в консоли писать не придется. Никакого CLI. Пусть гики разбираются.

Популярность с 2014 года упала в два раза. Используется только в Штатах.

Grunt и Bower: бородавочник и ара
Grunt
Актуальная версия: 1.0.1 Stable
ОС: Linux
Состояние: развивается

Bower
Актуальная версия: 1.8.0
ОС: Linux, CLI
Состояние: развивается


Примерно в это же время появился Grunt — простой консольный скрипт-планировщик задач. Вслед за ним вышел Bower — средство для управления фреймворками, библиотеками и утилитами. Менеджер клиентских пакетов, короче.
В некогда популярной связке с конфигуратором Node.js NPM охватывало практически всю автоматизацию процессов, которая требовалась.

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

Эпоха зверей идет к закату (ох уж эта любовь к маскотам!). Рекомендуем изучить няшные альтернативы — Gulp или Webpack.

Gulp: глоток свежего воздуха
Актуальная версия: неизвестно никому
ОС: Linux, CLI
Состояние: семь чуваков на гитхабе

Через полтора года с релиза Grunt появилась первая версия Gulp. Стало удобнее писать код, создавать переменные и функции "на лету", использовать conditional везде. Стало возможным причесать внешний вид скриптов. Появился единый комплекс для фронтенда и бэкенда.

Гугл сообщает, что популярность Gulp пошла на спад, но он остается актуальным. И в эпоху Angular версий 2 и 3 Gulp находят применение.

Webpack: геометрическое путешествие
Модные разрабы кодят на Webpack. Удобная оболочка для старой доброй NMP, кароч. Пишешь скрипты на javascript, которые выглядят красиво.

Джентльменский набор хипстера: Webpack, React, ES2016. За этим будущее. ES2016 — дальнейшее развитие Javascript.

А еще есть Yarn
Yarn зарелизился в конце 2016 года очередным пакетным менеджером для NPM. С точки зрения банальной эрудиции юзера только синтаксис различается.

Взгляд в будущее // ниасилил, многобукаф!11
  • CodeKit для слоупоков и нежилец;
  • Grunt и Bower ждет участь Windows XP — поддерживается спустя 16 лет;
  • Gulp в тренде;
  • за Webpack будущее.
Вывод: Тысячи их (фреймворков). А суть не меняется. Вы сэкономили 10 минут.
#586
Ужасные тренды интерфейсов в 2017
Terrible UX Trends for 2017
На пятьдесят оттенков серее

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

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

Оригами-прототип

Создание прототипов на бумаге — штука, о которой ты слышал в школе — говорят, пригождается на вечеринках. Но от котоламповых историй о том, как ты стоял у "Старбакса" (или любой другой модной кофейни) и платил чувакам за "тестирование" бумажного прототипа софтинки, стримящей соревнования по бочче, у всех глаза уже закатываются. Для "живого" нужно "трехмерное". Не можешь сделать прототип на айфоне — стань асом оригами и лови покемонов ирл.
Горячие вакансии

Лайфхак: используй эти термины на следующем собеседовании! Эйчарам это нравится, и они охотно дают больше денег тем, кто говорит такие фразы.

Главный архитектор проектирования систем

Когда-то дизайнеры сосредотачивались на экранах и потоках пользователей. Иногда они могли поиздеваться над интерфейсом

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

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

Скетч-раннер

За каждым дизайнером стоит крутой скетч-раннер. Он лучше всех знает, как стать лучшим дизайнером, распечатывая макеты вместо PSD-шек. Часто работает за еду.
Хореограф дронов

Дроны — настолько горячие штучки, что проще написать, чего они не умеют… Они даже складываться в американский флаг на фоне летящей Леди Гаги.
Подумай о том, что хочешь осуществить в этом году… и добавь туда дронов. Вот лишь несколько примеров для тех, кто еще сомневается в их могучем будущем:

  • дрон Фейсбука. Летает за тобой и стримит твою жизнь.
  • дрон Твиттера. Фолловит других чуваков, на свежих прошивках умеет задавать вопросы и спорить о политике;
  • дрон Uber. Пока не умеет подбирать пассажиров, зато обучен приносить мелочевку вроде ключей, забытых в прихожей на тумбочке.
Мегатренды дизайна

Мегатенды реально в тренде. Это тренды трендов. И будут еще трендовее.

Аскевоморфизм

Параллельные линии, упорядочивание? Забудь. Дизайн-2017 не предполагает четких линий и прямых углов. Иначе все заговорят о скучности и однообразности. Используй больше углов и меньше цветов.

Плоская виртуальная реальность

Ты еще помнишь эти раздражающие градиенты и красивые тени, которые сделали виртуальную реальность выглядящей реально? Какая гадость. Сегодня все плоское.

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

Бруталайзер!!!!!!!1111


Брутальный дизайн стал еще уродливее. Представь Тильду Суинтон, переодевшуюся в Сильвестра Сталлоне. Как тебе?

А цвета рандомно раскидай прямо как на фестивале красок .

Интерфейс реального разговора

Это ты! Да, ты, когда говоришь с другим человеком в метре от себя.

Фухх! Это все, что вам нужно знать до конца года. За окном февраль, и я надеюсь, что о большинстве явлений все уже слышали.
Вывод: Под плотной кожицей сарказма ценная мысль — не гонитесь бездумно за трендами. Вы сэкономили 15 минут.
Скоро 14 февраля — самое время признаться в любви (нашему блогу, например). Тут на CodePen как раз появилась валентинка, с которой можно поупражняться — кидайте ваши варианты в комментарии :)