Ланч-тайм 133: краткий перевод свежих статей о digital

Содержание

• Стать разработчиком за 8 месяцев
• Инструментарий Javascript — эволюция разработки фронтенда
• Ужасные тренды интерфейсов в 2017

#584. Стать разработчиком за 8 месяцев

How I Became a Developer in 8 Months

Я работала в подборе персонала, разыскивала и нанимала айтишников. Оказалось, спрос на программистов велик, а спецов мало. Особенно женщин — их было не более четверти от всех соискателей.

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

Эффективная и выгодная реклама с сервисом от МегаФона

Широкий выбор рекламных каналов, более 100 параметров по интересам, подробная аналитика и другие возможности уже ждут в Личном кабинете. А еще кешбэк 100% за запуск рекламы в первый месяц и еще 10% — каждый месяц.

Узнать больше >>

Реклама. ПАО «МегаФон». ИНН 7812014560. ОГРН 1027809169585. ERID LjN8K1P7y.

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

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

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

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

Годные бесплатные ресурсы для старта:

• 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 — простой консольный скрипт-планировщик задач. Вслед за ним вышел Bower — средство для управления фреймворками, библиотеками и утилитами. Менеджер клиентских пакетов, короче.

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

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

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

Gulp: глоток свежего воздуха

Фото: blogspot.com

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

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

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

Webpack: геометрическое путешествие

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

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

А ещё есть Yarn

Фото: cloudfront.net

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

Взгляд в будущее

• CodeKit для слоупоков и вообще не жилец;
• Grunt и Bower ждёт участь Windows XP — поддерживается спустя 16 лет;
• Gulp в тренде;
• за Webpack будущее.

Вывод: Тысячи их (фреймворков). А суть не меняется.
Вы сэкономили 10 минут.

#586. Ужасные тренды интерфейсов в 2017

Terrible UX Trends for 2017

На пятьдесят оттенков серее

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

Фото: wallpaperscraft.com

Скроллбары в виртуальной реальности

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

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

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

Горячие вакансии

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

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

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

Дизайнер с принципами

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

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

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

Фото: badumtss.net

Хореограф дронов

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

Подумай о том, что хочешь осуществить в этом году... и добавь туда дронов. Вот лишь несколько примеров для тех, кто ещё сомневается в их могучем будущем:

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

Мегатренды дизайна

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

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

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

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

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

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

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

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

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

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

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

Вывод: Под плотной кожицей сарказма ценная мысль — не гонитесь бездумно за трендами.
Вы сэкономили 15 минут.

Скоро 14 февраля — самое время признаться в любви (нашему блогу, например). Тут на CodePen как раз появилась валентинка, с которой можно поупражняться — кидайте ваши варианты в комментарии

Читать по теме: Ланч-тайм: краткий перевод свежих статей о Digital (все выпуски)