ланч-тайм
Ланч-тайм 133: краткий
перевод свежих статей
о digital
перевод свежих статей
о digital
В номере: как стать разработчиком за 8 месяцев и ноль денег, какой фреймворк выбрать и как реагировать на тренды.
#584
Стать разработчиком за 8 месяцев
How I Became a Developer in 8 Months
Я работала в подборе персонала, разыскивая и нанимая айтишников. Спрос на программистов велик, а спецов мало. Особенно женщин. Их было не более четверти от всех соискателей.
Я четко поняла, что для начальника не имеет значения, закончил ты универ или научился верстать по видеоурокам — вас всё равно пригласят на собеседование.
Осознав сложившуюся ситуацию, для себя я решила, что выгоднее будет самой стать разработчиком.
Итак, как стать разработчиком за восемь месяцев?
Качать новый скилл сначала будет тяжело. Это как посещать скучные школьные уроки по английскому снова и снова. Сначала учишь буквы, потом слова на непонятном тебе языке: HTML, CSS и JavaScript.
Изучение программирования несложно совмещать с работой. 34 часа в день — вполне достаточно. Самообучение поможет понять, стоит ли заниматься программированием дальше, понять, твое это или нет.
Годные ресурсы для старта:
Платные ресурсы тоже важны, но к ним лучше подходить, когда прошерстил все бесплатные и неплохо кодишь:
А где найти наставника? Их есть на буткемпах, хакатонах и пятничных кофе-брейках в IT-компаниях. Посещай их чаще, заводи знакомства, работай над своим имиджем. Года хватит, чтобы сформировать хорошее, годное портфолио, которое не стыдно показать рекрутеру.
И не забывай искать работу везде, где ее предлагают. Зарегистрируйся на hh, подпишись на паблик своего города. Ты легко найдешь 2-3 предложения. Сходи, пообщайся с эйчаром, посмотри, в каком коллективе предстоит работать.
Актуальным будет посещение Meetups. Это комьюнити по поиску групп разработчиков рядом с тобой.
Резюме:
Я четко поняла, что для начальника не имеет значения, закончил ты универ или научился верстать по видеоурокам — вас всё равно пригласят на собеседование.
Осознав сложившуюся ситуацию, для себя я решила, что выгоднее будет самой стать разработчиком.
Итак, как стать разработчиком за восемь месяцев?
Качать новый скилл сначала будет тяжело. Это как посещать скучные школьные уроки по английскому снова и снова. Сначала учишь буквы, потом слова на непонятном тебе языке: 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: сайт ленивого программиста
CodeKit: сайт ленивого программиста
Актуальная версия: 3.0.5
ОС: MacOS 10.11+
Состояние: жива, но в Америке
Увидел свет в 2012 году и стал мастхэвом ленивого веб-разработчика. Умеет сжимать файлы и оптимизировать код одним щелчком мыши. Компилирует любой язык. Не имеет плагинов. Встраивается в браузеры на любом доступном устройстве. Выполняет отладку за тебя: набираешь текст в форме — он сам появляется на всех гаджетах. Редактируешь CSS? Даже не потребуется обновлять страницу. И в консоли писать не придется. Никакого CLI. Пусть гики разбираются.
Популярность с 2014 года упала в два раза. Используется только в Штатах.
Grunt и Bower: бородавочник и ара
ОС: 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: глоток свежего воздуха
Актуальная версия: 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: геометрическое путешествие
ОС: Linux, CLI
Состояние: семь чуваков на гитхабе
Через полтора года с релиза Grunt появилась первая версия Gulp. Стало удобнее писать код, создавать переменные и функции "на лету", использовать conditional везде. Стало возможным причесать внешний вид скриптов. Появился единый комплекс для фронтенда и бэкенда.
Гугл сообщает, что популярность Gulp пошла на спад, но он остается актуальным. И в эпоху Angular версий 2 и 3 Gulp находят применение.
Webpack: геометрическое путешествие
Модные разрабы кодят на Webpack. Удобная оболочка для старой доброй NMP, кароч. Пишешь скрипты на javascript, которые выглядят красиво.
Джентльменский набор хипстера: Webpack, React, ES2016. За этим будущее. ES2016 — дальнейшее развитие Javascript.
А еще есть Yarn
Джентльменский набор хипстера: Webpack, React, ES2016. За этим будущее. ES2016 — дальнейшее развитие Javascript.
А еще есть Yarn
Yarn зарелизился в конце 2016 года очередным пакетным менеджером для NPM. С точки зрения банальной эрудиции юзера только синтаксис различается.
Взгляд в будущее // ниасилил, многобукаф!11
Взгляд в будущее // ниасилил, многобукаф!11
- CodeKit для слоупоков и нежилец;
- Grunt и Bower ждет участь Windows XP — поддерживается спустя 16 лет;
- Gulp в тренде;
- за Webpack будущее.
Вывод: Тысячи их (фреймворков). А суть не меняется. Вы сэкономили 10 минут.
#586
Ужасные тренды интерфейсов в 2017
Terrible UX Trends for 2017
На пятьдесят оттенков серее
Инстаграм уничтожил мир дизайна, переодев приложение в черно-белую гамму. И преподнес это так, будто никто до него так не делал вместе.
Инстаграм уничтожил мир дизайна, переодев приложение в черно-белую гамму. И преподнес это так, будто никто до него так не делал вместе.
Когда-то приходилось поворачивать голову, чтобы увидеть гигантскую акулу позади себя. Теперь не придется так делать. Сфокусируй глаза на том самом скроллбаре и поморгай, чтобы прокрутить! Или покачай головой, чтобы ощутить эффект параллакса.
Оригами-прототип
Создание прототипов на бумаге — штука, о которой ты слышал в школе — говорят, пригождается на вечеринках. Но от котоламповых историй о том, как ты стоял у "Старбакса" (или любой другой модной кофейни) и платил чувакам за "тестирование" бумажного прототипа софтинки, стримящей соревнования по бочче, у всех глаза уже закатываются. Для "живого" нужно "трехмерное". Не можешь сделать прототип на айфоне — стань асом оригами
Горячие вакансии
Лайфхак: используй эти термины на следующем собеседовании! Эйчарам это нравится, и они охотно дают больше денег тем, кто говорит такие фразы.
Главный архитектор проектирования систем
Когда-то дизайнеры сосредотачивались на экранах и потоках пользователей. Иногда они могли поиздеваться над интерфейсом
В 2017 году лучшие дизайнеры пользуются дизайн-системами. Это целые страницы крутилок, нажималок, градиентов и модных сеток, которые показывают, как следует делать дизайн.
Лайфхак: используй эти термины на следующем собеседовании! Эйчарам это нравится, и они охотно дают больше денег тем, кто говорит такие фразы.
Главный архитектор проектирования систем
Когда-то дизайнеры сосредотачивались на экранах и потоках пользователей. Иногда они могли поиздеваться над интерфейсом
В 2017 году лучшие дизайнеры пользуются дизайн-системами. Это целые страницы крутилок, нажималок, градиентов и модных сеток, которые показывают, как следует делать дизайн.
Дизайнер с принципами
Ты заряжен этикой и моральными устоями своей команды дизайнеров. Ты знаешь... их принципы. Ты не критикуешь дизайн. Ты задаешь гипотетические вопросы на тему, как работа вписывается в уровень компании. Можно оперировать пафосными фразами вроде "У нас с вами глубокая миссия, друзья. Она стоит позади горстки пикселей и RGB-градиентов."
Скетч-раннер
За каждым дизайнером стоит крутой скетч-раннер. Он лучше всех знает, как стать лучшим дизайнером, распечатывая макеты вместо PSD-шек. Часто работает за еду.
Ты заряжен этикой и моральными устоями своей команды дизайнеров. Ты знаешь... их принципы. Ты не критикуешь дизайн. Ты задаешь гипотетические вопросы на тему, как работа вписывается в уровень компании. Можно оперировать пафосными фразами вроде "У нас с вами глубокая миссия, друзья. Она стоит позади горстки пикселей и RGB-градиентов."
Скетч-раннер
За каждым дизайнером стоит крутой скетч-раннер. Он лучше всех знает, как стать лучшим дизайнером, распечатывая макеты вместо PSD-шек. Часто работает за еду.
Хореограф дронов
Дроны — настолько горячие штучки, что проще написать, чего они не умеют… Они даже складываться в американский флаг на фоне летящей Леди Гаги.
Дроны — настолько горячие штучки, что проще написать, чего они не умеют… Они даже складываться в американский флаг на фоне летящей Леди Гаги.
Подумай о том, что хочешь осуществить в этом году… и добавь туда дронов. Вот лишь несколько примеров для тех, кто еще сомневается в их могучем будущем:
- дрон Фейсбука. Летает за тобой и стримит твою жизнь.
- дрон Твиттера. Фолловит других чуваков, на свежих прошивках умеет задавать вопросы и спорить о политике;
- дрон Uber. Пока не умеет подбирать пассажиров, зато обучен приносить мелочевку вроде ключей, забытых в прихожей на тумбочке.
Мегатренды дизайна
Мегатенды реально в тренде. Это тренды трендов. И будут еще трендовее.
Аскевоморфизм
Параллельные линии, упорядочивание? Забудь. Дизайн-2017 не предполагает четких линий и прямых углов. Иначе все заговорят о скучности и однообразности. Используй больше углов и меньше цветов.
Плоская виртуальная реальность
Ты еще помнишь эти раздражающие градиенты и красивые тени, которые сделали виртуальную реальность выглядящей реально? Какая гадость. Сегодня все плоское.
Виртуальная реальность будет прорисована как Южный парк (слава б-гу, что не поллитровая мышь!). Такой дизайн позволит отдохнуть от скучного 3D.
Бруталайзер!!!!!!!1111
Брутальный дизайн стал еще уродливее. Представь Тильду Суинтон, переодевшуюся в Сильвестра Сталлоне. Как тебе?
А цвета рандомно раскидай прямо как на фестивале красок .
Интерфейс реального разговора
Это ты! Да, ты, когда говоришь с другим человеком в метре от себя.
Фухх! Это все, что вам нужно знать до конца года. За окном февраль, и я надеюсь, что о большинстве явлений все уже слышали.
Мегатенды реально в тренде. Это тренды трендов. И будут еще трендовее.
Аскевоморфизм
Параллельные линии, упорядочивание? Забудь. Дизайн-2017 не предполагает четких линий и прямых углов. Иначе все заговорят о скучности и однообразности. Используй больше углов и меньше цветов.
Плоская виртуальная реальность
Ты еще помнишь эти раздражающие градиенты и красивые тени, которые сделали виртуальную реальность выглядящей реально? Какая гадость. Сегодня все плоское.
Виртуальная реальность будет прорисована как Южный парк (слава б-гу, что не поллитровая мышь!). Такой дизайн позволит отдохнуть от скучного 3D.
Бруталайзер!!!!!!!1111
Брутальный дизайн стал еще уродливее. Представь Тильду Суинтон, переодевшуюся в Сильвестра Сталлоне. Как тебе?
А цвета рандомно раскидай прямо как на фестивале красок .
Интерфейс реального разговора
Это ты! Да, ты, когда говоришь с другим человеком в метре от себя.
Фухх! Это все, что вам нужно знать до конца года. За окном февраль, и я надеюсь, что о большинстве явлений все уже слышали.
Вывод: Под плотной кожицей сарказма ценная мысль — не гонитесь бездумно за трендами. Вы сэкономили 15 минут.
Скоро 14 февраля — самое время признаться в любви (нашему блогу, например). Тут на CodePen как раз появилась валентинка, с которой можно поупражняться — кидайте ваши варианты в комментарии :)