Ланч-тайм 133: краткий перевод свежих статей о digital
В номере: как стать разработчиком за 8 месяцев и ноль денег, какой фреймворк выбрать и как реагировать на тренды.
Содержание
- Стать разработчиком за 8 месяцев
- Инструментарий Javascript — эволюция разработки фронтенда
- Ужасные тренды интерфейсов в 2017
#584. Стать разработчиком за 8 месяцев
How I Became a Developer in 8 Months
Я работала в подборе персонала, разыскивала и нанимала айтишников. Оказалось, спрос на программистов велик, а спецов мало. Особенно женщин — их было не более четверти от всех соискателей.
Я чётко поняла, что для начальника не имеет значения, закончил ты универ или научился верстать по видеоурокам — вас всё равно пригласят на собеседование.
Эффективная и выгодная реклама с сервисом от МегаФона
Широкий выбор рекламных каналов, более 100 параметров по интересам, подробная аналитика и другие возможности уже ждут в Личном кабинете. А еще кешбэк 100% за запуск рекламы в первый месяц и еще 10% — каждый месяц.
Осознав сложившуюся ситуацию, для себя я решила, что выгоднее будет самой стать разработчиком.
Итак, как стать разработчиком за восемь месяцев?
Качать новый скилл сначала будет тяжело. Это как посещать скучные школьные уроки по английскому снова и снова. Сначала учишь буквы, потом слова на непонятном тебе языке: 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Актуальная версия: 1.0.1 StableОС: Linux Состояние: развивается |
BowerАктуальная версия: 1.8.0ОС: Linux, CLI Состояние: развивается |
Примерно в это же время появился 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
На пятьдесят оттенков серее
Инстаграм уничтожил мир дизайна, переодев приложение в черно-белую гамму. И преподнёс это так, будто никто до него до этого не додумался.
Фото: wallpaperscraft.com
Скроллбары в виртуальной реальности
Когда-то приходилось поворачивать голову, чтобы увидеть гигантскую акулу позади себя. Теперь не придется так делать. Сфокусируй глаза на том самом скроллбаре и поморгай, чтобы прокрутить! Или покачай головой, чтобы ощутить эффект параллакса.
Оригами-прототип
Создание прототипов на бумаге — штука, о которой ты слышал в школе — говорят, пригождается на вечеринках. Но от котоламповых историй о том, как ты стоял у «Старбакса» (или любой другой модной кофейни) и платил чувакам за «тестирование» бумажного прототипа софтинки, стримящей соревнования по бочче, у всех глаза уже закатываются. Для «живого» нужно «трёхмерное». Не можешь сделать прототип на айфоне — стань асом оригами и лови покемонов ирл.
Горячие вакансии
Лайфхак: используй эти термины на следующем собеседовании! Эйчары охотно дают больше денег тем, кто их знает и использует (инфа соточка).
Главный архитектор проектирования систем
Когда-то дизайнеры сосредотачивались на экранах и потоках пользователей. Иногда они могли ещё над поиздеваться. В 2017 году лучшие дизайнеры пользуются дизайн-системами. Это целые страницы крутилок, нажималок, градиентов и модных сеток, которые показывают, как следует делать дизайн. Но не делают его.
Дизайнер с принципами
Ты заряжен этикой и моральными устоями своей команды дизайнеров. Ты знаешь... их принципы. Ты не критикуешь дизайн. Ты задаёшь гипотетические вопросы на тему, как работа вписывается в уровень компании. Можно оперировать пафосными фразами вроде «У нас с вами глубокая миссия, друзья. Она стоит позади горстки пикселей и RGB-градиентов».
Скетч-раннер
За каждым дизайнером стоит крутой скетч-раннер. Он лучше всех знает, как стать лучшим дизайнером, распечатывая макеты вместо того, чтобы скидывать разрабам PSD-шки. Часто работает за еду.
Фото: badumtss.net
Хореограф дронов
Дроны — настолько горячие штучки, что проще написать, чего они не умеют... Они даже складываться в американский флаг на фоне летящей Леди Гаги.
Подумай о том, что хочешь осуществить в этом году... и добавь туда дронов. Вот лишь несколько примеров для тех, кто ещё сомневается в их могучем будущем:
- Дрон Фейсбука. Летает за тобой и стримит твою жизнь.
- Дрон Твиттера. Фолловит других чуваков, на свежих прошивках умеет задавать вопросы и спорить о политике.
- Дрон Uber. Пока не умеет подбирать пассажиров, зато обучен приносить мелочевку вроде ключей, забытых в прихожей на тумбочке.
Мегатренды дизайна
Мегатренды реально в тренде. Это тренды трендов. И будут еще трендовее.
Аскевоморфизм
Параллельные линии, упорядочивание? Забудь. Дизайн-2017 не предполагает чётких линий и прямых углов. Иначе все заговорят о скучности и однообразности. Используй больше углов и меньше цветов.
Плоская виртуальная реальность
Ты ещё помнишь эти раздражающие градиенты и красивые тени, которые сделали виртуальную реальность выглядящей реально? Какая гадость. Сегодня всё плоское.
Виртуальная реальность будет прорисована как «Южный парк» (слава б-гу, что не поллитровая мышь!). Такой дизайн позволит отдохнуть от скучного 3D.
Бруталайзер!!!!!!!
Брутальный дизайн стал ещё уродливее. Представь Тильду Суинтон, переодевшуюся в Сильвестра Сталлоне. Как тебе?
А цвета рандомно раскидай прямо как на фестивале красок.
Интерфейс реального разговора
Это ты! Да, ты, когда говоришь с другим человеком в метре от себя.
Вывод: Под плотной кожицей сарказма ценная мысль — не гонитесь бездумно за трендами.
Вы сэкономили 15 минут.
Скоро 14 февраля — самое время признаться в любви (нашему блогу, например). Тут на CodePen как раз появилась валентинка, с которой можно поупражняться — кидайте ваши варианты в комментарии
Читать по теме: Ланч-тайм: краткий перевод свежих статей о Digital (все выпуски)