Pull to refresh

Прямой эфир конференции Я ❤︎ Фронтенд 2020 — 29 февраля. Спикеры и программа

Яндекс corporate blog JavaScript *Interfaces *HTML *Conferences
UPD. Конференция прошла, вот все видео в плейлисте:

Яндекс во второй половине нулевых начал проводить встречи по фронтенду — тогда их аудиторию часто называли верстальщиками. Недавно мы отметили 10-летие Я.Субботника по фронтенду. Но Я.Субботник традиционно строится вокруг докладов о технологиях Яндекса. Сообществу и нам нужна была конференция по разработке интерфейсов, участники которой могли бы узнать об опыте разных компаний и standalone-разработчиков. Мы не раз устраивали такие события в регионах — но не в Москве. Год назад мы заполнили этот пробел, проведя конференцию «Я Фронтенд». Судя по отзывам, получилось неплохо — 29 февраля будет следующая серия.

Прямой эфир со второй конференции «Я Фронтенд» начнётся в 11:00. Он пройдёт в канале «Фронтенд» на YouTube, в группах «Яндекс для разработчиков» во ВКонтакте и Фейсбуке, а также на странице мероприятия — по ссылке можно оставить почту, если вы хотите получить напоминание о трансляции. Вот её программа:
Total votes 18: ↑17 and ↓1 +16
Views 2.9K
Comments 0

Яндекс.Практикум запустил онлайн-курсы для Junior-разработчиков

Python *C++ *Studying in IT
image

Сервис онлайн-образования Яндекс.Практикум объявил о старте программ для фронтенд- и Python-разработчиков начального уровня, которые позволят им вырасти до среднего уровня. Кроме того, появился новый курс «Разработчик C++».
Читать дальше →
Total votes 8: ↑6 and ↓2 +4
Views 8.8K
Comments 0

Я ❤︎ Фронтенд 2021: доклады, воркшопы, CTF

Яндекс corporate blog Interfaces *Conferences IT-companies
У меня есть любимое дело: организовывать конференции, которые находят отклик в сердечках зрителей. В 2020 году это дело приобрело оттенок челленджа. Но желание делать хорошо от этого не пропало.
Читать дальше →
Total votes 13: ↑13 and ↓0 +13
Views 3K
Comments 0

Идеальный код и трудоустройство: подборка бесплатных онлайн-мероприятий в мае от HTML Academy

HTML Academy corporate blog Studying in IT IT career Remote work

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

А что, если подумать, нужно разработчикам даже в самую плохую погоду? Улучшить свой код, выполнить тестовое в хорошей компании и найти работу мечты. Об этом и будут майские мероприятия HTML Academy — осталось только записаться и всё узнать.

Читать далее
Total votes 7: ↑7 and ↓0 +7
Views 1.1K
Comments 0

Борьба с прокрастинацией, бесплатный курс по вёрстке и работа для джунов. Мероприятия HTML Academy в октябре

HTML Academy corporate blog HTML *Studying in IT IT career

Подумаешь — написать анонс мероприятий, что там делать вообще. Но я откладывал его как мог. Всю прошлую неделю делал другие статьи, потом подождал все выходные, а теперь вместо утра, чтобы выложить пораньше, пишу анонс в обед. Увы, прокрастинация порой накатывает даже там, где её не ждешь, и на тех, кто всю жизнь был продуктивной белочкой (или зайчиком, смотря как вам больше нравится). 

Да и вы ведь листаете ленту Хабра не просто так. Так что лайв по борьбе с прокрастинацией точно будет кстати. Все подробности внутри.

Читать далее
Total votes 14: ↑14 and ↓0 +14
Views 3.2K
Comments 0

Когда веб-разработка — это твой профиль. 11 ноября VK проведёт онлайн-митап по фронтенду

VK corporate blog Website development *IT-companies

11 ноября встретимся с разработчиками из Delivery Club, VK Почты, Юлы и будем весь вечер говорить про веб-разработку. Это онлайн-мероприятие, трансляция пройдёт в сообществе VK Team ВКонтакте. Начинаем в 19:00 по московскому времени.

Приглашаем как опытных специалистов, так и начинающих разработчиков. Регистрируйтесь.

Читать далее
Total votes 7: ↑7 and ↓0 +7
Views 519
Comments 0

Школа программирования «Хекслет» и Ростелеком создадут кадровый резерв фронтенд-разработчиков

Ростелеком corporate blog Programming *Studying in IT Personnel Management *IT career

Студенты, которые пройдут в «Хекслете» обучение по специальности «Фронтенд-разработчик», смогут продолжить профессиональное развитие в подразделениях Ростелекома. Обучение включает в себя четыре образовательных модуля с теорией, тестами, практикой в браузере и рабочим проектом в конце каждого модуля. Выпускников ждут оплачиваемая стажировка, наставничество опытных разработчиков, возможность применить знания и навыки в реальных цифровых проектах.

Читать далее
Total votes 14: ↑14 and ↓0 +14
Views 3K
Comments 4

Станьте фронтенд-разработчиком ВКонтакте за 2 дня

VK corporate blog Website development *IT career IT-companies Remote work

Команда ВКонтакте проведёт Weekend Offer — всего за одни выходные фронтенд-разработчики смогут получить приглашение на работу.

Оставьте заявку до 18 марта — пришлём вам анкету и предложим рассказать о себе.

Подробнее
Total votes 12: ↑10 and ↓2 +8
Views 5.7K
Comments 11

Frontend Meetup

iSpring corporate blog JavaScript *ReactJS *Conferences TypeScript *

Привет! 28 мая в 12:00 ждём всех фанатов фронтенда в гости. Frontend meetup будет проходить в офисе iSpring в Йошкар-Оле, также можно подключиться онлайн.

С программистами из iSpring, Ak Bars Digital и Arenadata поговорим про:

— совместное редактирование в онлайн-продуктах с помощью технологии Operational Transformation,  

— внедрение практик функционального программирования на производстве,

— эволюцию архитектуры во фронтенде, в частности про Feature Sliced Design.

Подробнее о спикерах и темах
Total votes 4: ↑4 and ↓0 +4
Views 1.2K
Comments 0

Х5 Frontend Meetup

X5 Tech corporate blog Development Management *Project management *IT-companies

21 июля в 19:00 X5 Tech проведёт офлайн-митап про фронтенд-разработку.

Эксперты поделятся опытом и расскажут, как избежать проблем при разработке ui-kit, окунут вас в мир React Native, поставят провокационные вопросы про нативную разработку и предложат попробовать вместе натянуть веб на мобилку. Завершим нашу горячую дискуссию софтовой темой про нетворкинг, и как он может помочь для развития личного бренда в карьере и иногда даже в жизни.

Митап будет полезен frontend-разработчикам любого уровня и в целом всем причастным к javascript-программированию от NodeJS до мобильных приложений.

Обещаем много реального опыта и обсуждения злободневных вопросов от крутых экспертов из Х5 и Skillbox.

Регистрация.

Читать далее
Total votes 1: ↑1 and ↓0 +1
Views 366
Comments 0

Бесплатный курс для разработчиков, которые хотят стать сеньорами

Southbridge corporate blog

Слёрм подготовил бесплатный курс для разработчиков с участием специалистов из сферы финтеха. Помогаем получить основные навыки, которые нужны, чтобы перейти на сеньор-позицию. 


На курсе ты научишься:

→ Управлять командой разработки и наймом специалистов.
→ Проектировать архитектуру приложений в больших системах
→ Использовать продуктовое мышление в разработке
→ Проходить техническое интервью на позицию сеньор-разработчика.

Читать далее
Total votes 7: ↑6 and ↓1 +5
Views 1.3K
Comments 0

36 на Fronttalks. Доклад о том, о чём нигде не рассказывают

Яндекс corporate blog Website development *
Привет, я фронтенд-разработчик из Яндекс.Карт. Год назад я сделал странное — на фронтенд-конференции Fronttalks в Екатеринбурге рассказал доклад на совершенно не техническую тему. Программный комитет конференции сильно рисковал, когда ставил меня в программу — разве кому-то интересно слушать о глубоко личных переживаниях рядового верстальщика из Яндекса? К счастью, тема моего рассказа оказалась близка многим слушателям и доклад оказался одним из самых популярных за историю конференции.

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



В этом году состоится третья по счёту конференция для фронтенд-разработчиков FrontTalks. На этот раз я не докладчик, а один из организаторов, и теперь у меня самого есть возможность «рисковать» и составлять программу конференции так, чтобы вам было интересно. Ниже расскажу немного о том, что у нас получилось.
Читать дальше →
Total votes 56: ↑51 and ↓5 +46
Views 31K
Comments 11

Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться

Wrike corporate blog Website development *CSS *JavaScript *

image


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


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

Читать дальше →
Total votes 38: ↑31 and ↓7 +24
Views 144K
Comments 38

Использование ES6 генераторов на примере koa.js

DataArt corporate blog JavaScript *Node.JS *
Tutorial

Автор: Александр Трищенко, Senior Front-end Developer, DataArt

Содержание:
• Итераторы. Генераторы.
• Использование генераторов (Redux, Koa)
• Зачем нам использовать koa.js
• Будущее. Async Await и koa.js 2.x

Генераторы — новая спецификация, новая возможность, которую мы можем использовать в ECMAScript 6. Статью я начну с рассказа об итераторах, без которых понять генераторы не получится, расскажу непосредственно про спецификацию и о том, что такое генераторы вообще, про их использование в реальных кейсах. Рассмотрим два примера: React + Redux как фронтненд-случай и koa.js в качестве бэкенда. Затем подробнее остановлюсь на koa.js, будущем JavaScript, на асинхронных функциях и koa.js 2.
Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views 15K
Comments 26

Как собрать иконочный шрифт из файла скетча

Positive Technologies corporate blog Web design *Working with icons *Interfaces *
Tutorial

image


У дизайнера есть несколько разных способов передать иконки разработчику:


— отдельными файлами PNG и спрайтом PNG,
— отдельными файлами SVG и спрайтом SVG,
— иконочным шрифтом.


Разработчики фронтенда все чаще привыкли использовать иконки в виде шрифта. Этим же способом распространяются популярные иконочные наборы (например, Font Awesome). У нас в компании разработчики тоже просят «дай шрифт». Мы некоторое время отлаживали схему сборки шрифта: как из файла Sketch автоматически получить файл, пригодный для фронтенда, не замучив дизайнера.


В этом посте я расскажу о нашей схеме, покажу скрипты сборки. Рассказ может быть полезен разработчикам фронтенда и дизайнерам интерфейсов. В меньшей степени он будет полезен бекендным разработчикам интерфейсов (классический Asp.Net MVC или что-то подобное): схема будет та же, но не будет готовых файлов конфигураций и скриптов.

Читать дальше →
Total votes 18: ↑16 and ↓2 +14
Views 12K
Comments 20

Как правильно использовать переменные в препроцессорах LESS и SASS

Website development *CSS *Perfect code *Designing and refactoring *IT Standards *

Правила управления переменными в препроцессорах и методика переопределения настроек


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


Предыстория


В 2014 году в компании начали редизайн проекта и в основу вёрстки мы положили свежий на тот момент Bootstrap 3.0.1. Использовали мы его не как отдельную стороннюю библиотеку, а тесно заинтегрировали с нашим собственным кодом: отредактировали переменные под наш дизайн и компилировали кастомизированный Бутстрап из LESS исходников самостоятельно. Проект оброс собственными модулями, которые использовали бутстраповские переменные и добавляли в файл с настройками свои новые переменные.


В тот момент я думал, что это правильный подход.

Читать дальше →
Total votes 26: ↑24 and ↓2 +22
Views 33K
Comments 13

Лекция Виталия Харисова «10k»

Яндекс corporate blog CSS *JavaScript *Client optimization *HTML *
Виталий vithar Харисов — один из ключевых разработчиков и руководителей Яндекса. На московском Я.Субботнике по фронтенду Виталий рассказал про лёгкую версию поиска для медленных соединений и способы оптимизации кода, позволяющие уложиться в 10 килобайт.

Читать дальше →
Total votes 39: ↑37 and ↓2 +35
Views 14K
Comments 23

Переходим на сторону сервера с bem-express

Яндекс corporate blog Website development *Open source *JavaScript *HTML *
Tutorial

— Сначала вы его отрицаете, потом вы его ненавидите, а потом вы не можете без него жить.
из доклада Артема Курбатова «БЭМ: мастер-класс»


Методология БЭМ существует достаточно долго и принята на вооружение в Google, EPAM Systems, BBC, Альфа-Банке. При этом она все еще вызывает беспокойство у типичного разработчика и менеджера проектов среднего звена.




У некоторых смельчаков изучение БЭМ не ушло дальше ограничения возможностей CSS для получения более предсказуемых результатов. И хотя БЭМ давно вышел за пределы верстки, до сих пор на вопрос «Знаете ли вы БЭМ?» можно услышать: «Конечно, это про подчеркивания в классах».


Если ваше представление о БЭМ близко к этому, я отвечу вам словами работодателя при приеме на работу новоиспеченного выпускника: «Забудьте о том, что вы слышали о БЭМ ранее». Методология БЭМ настолько интересна, насколько большинству о ней ничего не известно. Чтобы понять всю прелесть БЭМ, необходимо иметь представление обо всех технологиях, библиотеках, фреймворках и инструментах, которые БЭМ предоставляет. Изучите их, оставайтесь инопланетянином, ребенком, который удивляется тому, с чем взрослые смирились.


Читать дальше →
Total votes 47: ↑39 and ↓8 +31
Views 15K
Comments 44

Зачем нужны алгоритмы и паттерны

HTML Academy corporate blog Website development *JavaScript *


Нужны ли фронтендеру алгоритмы и паттерны проектирования?

На самом деле, наверняка вы уже их используете, но можете ещё лучше.

Давайте разберемся!
Total votes 27: ↑6 and ↓21 -15
Views 12K
Comments 17