Frontender's notes. Страница 28

​​Курс «Английский для разработчиков» от Яндекс Практикума Для специалистов, которые хотят изменить свою профессиональную жизнь и работать в международной команде. Обучение построено вокруг рабочих ситуаций и полезных для карьеры навыков: • Самопрезентация. Рассказ о своей роли, задачах, сфере ответственности на поведенческом интервью и в неформальной беседе. • Работа в команде. Стендапы, планирование спринтов, демонстрация навыков командной работы на собеседовании. • Общение в процессе работ над кодом. Код-ревью, парное программирование, комментирование алгоритмических задач на собеседовании. • Общение с заказчиками. Уточнение технического задания, решение спорных ситуаций. • Нетворкинг. Выступление на митапах, неформальное общение с коллегами из отрасли. • Рефлексия и самоанализ. Ретроспектива, ревью, ответы на сложные вопросы. Запишитесь на бесплатную консультацию. Определим ваш уровень языка, расскажем про обучение и ответим на все вопросы.

​​Typescript в hh.ru Автор — ведущий фронтенд-разработчик в одной из продуктовых команд hh.ru. В статье он расскажет о том, как они затащили TypeScript в их проекты.  Читать... #longread #ts

​​Станьте востребованным фронтенд-разработчиком уже в 2023 году. Записывайтесь на курс от Хекслета и получайте скидку 10% и подарок на выбор: депозит 20 000 ₽, базовая подписка на 5 месяцев или премиум-подписка на 1 месяц. Вы также можете порадовать не только себя, но и близкого человека. Воспользуйтесь уникальным предложением для двоих: купите вторую профессию со скидкой 40%. На профессии «Фронтенд-разработчик» вы за 10 месяцев: ✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров. ✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Sours проектах. ✔️Вступите в программу «Карьерный трек»: получите шанс попасть на оплачиваемую стажировку и найти первую работу в IT. Успейте оставить заявку до 31 декабря, чтобы получить новогодние подарки.

​​Создаем свой babel плагин и публикуем в npm Сегодня мы рассмотрим процесс написания своего собственного плагина babel и опубликуем его в npm. Читать...

Alfa Digital Open Алоха коллеги! 13 декабря у Альфа-Банка пройдёт конференция Alfa Digital Open для всех, кто интересуется технологиями и инновации. Ну и, конечно, для тех, кто работает в индустрии IT и диджитал: разработчики, дизайнеры, маркетологи, эйчары и другие.  Что там будет:  👉 расскажут об изменениях в сфере мобильной разработки в этом году; 👉 объяснят, чем продвинутая аналитика помогает сервисам; 👉 покажут, какие чат-боты делает Альфа и что за метрики для их контроля использует.  Эйчарам тоже будет интересно — расскажут про важность внутренних приложений для сотрудников. Дата и время: 13 декабря 17:00 Регистрируйтесь и приходите послушать!

​​Ищем верстальщиков Figma макетов ! Переходите на канал, выбирайте макеты, верстайте и получайте оплату. 💵 Хочу верстать за деньги

Когда смотришь на код который написал неделю назад

​​React: работа с 3D-графикой Привет коллеги! В данном туториале автор покажет самый простой и быстрый, хотя и не очень оптимальный с точки зрения размера сборки, способ рендеринга 3D-объектов и моделей в React. Будет решено 3 интересные задачи: 👉 рендеринг самописного 3D-объекта; 👉 рендеринг готовой 3D-модели; 👉 совместный рендеринг объекта и модели. Если вам это интересно, прошу под кат. Читать...

Друзья, предлагаем вам оценить российский рынок мероприятий для разработчиков. Поделитесь, какие митапы и конференции вам интересны и почему, какие форматы участия вы предпочитаете.   Онлайн-опрос займет не более 3-х минут. За это время вы передохнёте от работы, а в конце мы подарим скидку 25% на крутые образовательные лекции!  Пройти опрос

​​Вся боль undefined Внедрение типа Undefined в JavaScript, на мой взгляд, было ошибкой с далеко идущими последствиями. Именно разбору и предотвращению основных проблем, связанных с наличием данного типа, и посвящена эта небольшая публикация. Читать...

​​Зачем нужен TypeScript? Если фронтендер прокачал навык вёрстки, то в его карьере наступает новый этап — разработка приложений. Вот там-то и начинается всё самое интересное: фреймворки, библиотеки, алгоритмы и данные, ну и конечно, TypeScript. Технологию TypeScript указывают в 59–63% вакансий. А по данным npmtrends.com, он в 1,5 раза популярнее React, Vue и Angular.  Чтобы познакомиться с TypeScript поближе и приблизиться к разработке пользовательских интерфейсов, записывайтесь на лайв от HTML Academy. В прямом эфире обсудим:  – Зачем нужен TS и можно ли обойтись без него. – Где вы столкнетесь с TypeScript. – Что TypeScript даёт фронтенд-разработчику. – В каких случаях TypeScript точно не нужен. – Требуют ли TypeScript в IT-компаниях. Лайв стартует 14 декабря в 13.00 Записаться по ссылке: https://tml.io/oadyz

​​React vs Vue vs Angular Каждый фреймворк имеет различную архитектуру, производительность в различных сценариях, экосистему и инструменты, которые мы постараемся рассмотреть в этой статье, чтобы лучше понять их удобство использования. Читать...

​​Приветствую товарищи! Хотите писать фронтенд для крупных компаний? Тогда добро пожаловать на открытый урок «Реактивное программирование в Angular». Angular Developer — Best Practices по одному из мощнейших JavaScript фреймворков. Он используется в огромном количестве крупных enterprise-компаний, которые занимаются разработкой web-приложений. начиная от банковской сферы, заканчивая маркетплейсами. Что узнаем:   👉 узнаем cовременный подход к разработке ПО  👉 научимся сильно улучшать читаемость и качество кода  👉 узнаем, что повышает производительность. Время: 13 декабря в 20:00 (по Москве).  👉🏻Чтобы попасть на урок, пройдите вступительный тест по ссылке!

​​Тест по JavaScript от OTUS Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе «JavaScript Developer. Professional». Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите видео-курс по Git в подарок ПРОЙТИ ТЕСТ https://otus.pw/LYlG/

React - реализация якорей Алоха товарищи фронты! Недавно передо мной встала вполне себе стандартная задача, реализовать якоря для того что бы пользователь закрывая одну вкладку с инфой автоматически передвигался ко второй. В этом посте я хотел бы показать вам как вообще можно сделать что-то вроде якоря в react. Суть проста: 1. Создаем ref объекта к которому мы хотим перейти. 2. В случае когда мы хотим перейти к этому объекту используем метод ref.current.scrollIntoView(); import React, { useRef } from 'react'; import { render } from 'react-dom'; import './style.css'; const ScrollDemo = () => { const myRef = useRef(null); const executeScroll = () => myRef.current.scrollIntoView(); return ( <> <div style={{ height: 600 }} /> <div ref={myRef}>Объект на который мы ссылаемся</div> <div style={{ height: 1500 }} /> <button onClick={executeScroll}>Перейти к объекту</button> </> ); }; В общем вот как то так. Как обычно удачи в экспериментах!

​​Фронтендерская история На календаре декабрь и только мы отошли от рекламы скидок черной пятницы, понедельника, вторника из каждого утюга как тут же стали свидетелями заполонения ленты наших любимых социальных сетей картинками и кодом сгенерированными нейронными сетями. Прогресс в этой области действительно поражает. От галлюциногенных картинок DeepDream до шедевров от Stable Diffusion прошло каких-то 8 лет. И ведь это не единственный лидер сейчас. Здесь же мы имеем Midjorney, Imagen, Dalle, Kandinsky в конце концов. И знаете, мне это что-то напоминает. Читать...

​​В российских компаниях на плохие результаты behavioral interview могут закрыть глаза, если технически ты силён. В зарубежной такой номер скорее всего не пройдёт.  На бесплатном вебинаре хедлайнер курса Frontend для мидлов Дмитрий Безуглый (CTO Frogly, работал тимлидом в ВКонтакте) поделится личным опытом прохождения собеседований в зарубежные компании.  На вебинаре:  ⬥ рассмотрим, что такое Behavioral Interview; ⬥ поговорим о том, какие вопросы задают чаще всего; ⬥ разберёмся, как на них правильно отвечать. Встречаемся 8 декабря в 19:00 (по Москве).  Регистрируйтесь по ссылке!

Когда фиксишь баг и вставляешь рандомный код для проверки