Обложка канала

Senior Frontend - javascript, html, css. Страница 32

20191 @seniorFront

Senior Front - канал для front-end программистов, здесь есть много всего про CSS3, Javascript, Html5, Angular, React, видео / статьи / курсы

  • Senior Frontend - javascript, html, css

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

    Gallery Example Создано и анимировано с использованием canvas. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Фронтенд на YaTalks На главной конференции Яндекса для IT-сообщества один из треков посвятят вопросам фронтенда. 3-4 декабря нас ждут доклады и дискуссии со спикерами из российских и международных компаний. Например, в рамках дискуссии «Веб в 2022. Что изменилось?» эксперты обсудят статистику веба в уходящем году. В докладе «Chrome DevTools — спрятанные полезности» обещают рассказать о неочевидных инструментах, которые позволяют эффективнее решать ежедневные задачи. Кроме того, будут треки про бэкенд, ML, мобильную разработку и жизнь в IT. 👉 Регистрация
  • Реклама

  • Senior Frontend - javascript, html, css

    Нужен ли психотерапевт айтишникам? Проблема с тревогой есть у большого количества айтишников. Вероятно, намного больше тех, у кого она есть, чем тех, у кого нет. Иногда есть проблемы другого порядка: попытка найти смысл в работе и переживание из-за того, что в правке кнопочек и создании однотипных сайтов его найти невозможно. Наступает экзистенциальный кризис. У таких людей периодически бывает депрессия. Они механически делают свою работу, иногда очень качественно за счёт перфекционизма, но мечтают о другом деле. Но есть люди, которые не научились давать себе то, что нужно. Они делают то, что умеют хорошо - выполнять задачи, много зарабатывать. Но внутри много недовольства - собой, компанией, проектом, коллегами, отсутствием смысла. Это часто не прекращаемая тревога и неспособность расслабиться. Человек при этом может перерабатывать, потому что его ненавязчиво просят об этом, или же он очень исполнительный и чувствует вину, если не поможет. Так за пару месяцев можно выгореть. Что делать? Желательно сходить к психотерапевту при следующих симптомах: - Постоянный страх и тревога утром перед работой на протяжении нескольких недель. - Дискомфорт вечером в воскресенье. - На выходных ощущение пустоты и неспособность отдохнуть, получить удовольствие. - Чувство одиночества - Ощущение, что выхода нет, только эта работа единственная, другие кажутся невозможными. - Физические симптомы: проблемы со сном, усталость по утрам, нежелание двигаться активно, переедание, головная боль, слабость, ощущение, что чем-то заболел. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Hover card effect Параметры поворота карточки задаются при помощи CSS переменной, значение которой устанавливается в JS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    ⚡️Как разработчику стать более востребованным на рынке, апнуться в деньгах и начать решать более широкие и сложные задачи? 🚀Узнайте больше о высокооплачиваемой, статусной работе тимлида на бесплатных вебинарах онлайн-курса «Team Lead разработки» от OTUS: — «Роли в команде»: https://otus.pw/gCqWn/ — «Как работать с трудными сотрудниками»: https://otus.pw/GKlW/ — «Подходы к управлению в удаленной команде»: https://otus.pw/iIZd/ 👉Регистрируйтесь сегодня — напомним перед вебинаром!
  • Senior Frontend - javascript, html, css

    Деструктурирующее присваивание Это специальный синтаксис, который позволяет нам «распаковать» массивы или объекты в кучу переменных, так как иногда они более удобны. Пример деструктуризации массива:
     // у нас есть массив с именем и фамилией
     let arr = ["Ilya", "Kantor"]
    
    // деструктурирующее присваивание // записывает firstName=arr[0], surname=arr[1] let [firstName, surname] = arr; alert(firstName); // Ilya alert(surname); // Kantor Теперь мы можем использовать переменные вместо элементов массива. Деструктуризация объекта
     let options = {
       title: "Menu",
       width: 100,
       height: 200
     };
    
     let {title, width, height} = options;
    
     alert(title);  // Menu
     alert(width);  // 100
    
    alert(height); // 200 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Click To Zoom Calendar Создано на React и TypeScript, стилизовано в SCSS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Всё, что важно знать о Java-разработке сегодня — расскажет на вебинаре практикующий эксперт и автор курса в Практикуме. Например, почему язык не теряет популярности после 26 лет использования и чем ещё занимаются разработчики помимо создания кода. Также вы узнаете: Что особенного в языке Java Какие задачи решает Java-разработчик в IT-проекте: покажем на примерах Куда расти начинающему специалисту и на какую зарплату рассчитывать Что нужно знать и уметь для старта в профессии Ждём вас 30 ноября, в среду в 15:00 по Москве. Будет много полезного! Ссылка для регистрации
  • Senior Frontend - javascript, html, css

    Row Weights Несколько людей разбиваются на две команды. Каждый первый попадает в команду 1, а каждый второй в команду 2. Каждому человеку соответствует число, обозначающее его вес. Создайте функцию, которая посчитает общий вес для команды 1 и для команды 2. Пример: rowWeights([13, 27, 49]) ==> return (62, 27) 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Social media icon Создано на HTML и CSS. Иконки используются из FontAwesome. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    🔥Какие инструменты нужны фулстек-разработчику? Приглашаем на вебинар специализации «Fullstack Developer» в OTUS. Тема открытого урока: «ESLint - инструмент, который найдет ошибки, до того, как они проявились». Мы рассмотрим популярный инструмент для поддержания уровня кода. Инструмент позволяет: — Находить ошибки в коде, до того, как мы код запустили в первый раз — Держать код аккуратный и единообразно оформленым — Проверять используем ли мы опыт других разработчиков, следуя рекомендациям правил — Ограничивать программистов в написании кода, который не соответствует соглашениям команды На занятии посмотрим несколько примеров, где eslint помог бы разобраться. Заодно разберемся, как его установить и настроить, чтобы сразу писать код хорошо. Для работы на занятии понадобится установить Node.js. Cсылка на скачивание: https://nodejs.org/en/download/ 📌 Занятие подойдет: — Начинающим разработчикам — Тем, кто хочет освоить профессию разработчика с нуля — Всем, кто хочет не просто учиться писать код, а делать это качественно, чтобы код был читаемым и легким для поддержки. 👉 Для участия необходимо зарегистрироваться https://otus.pw/NiFQ/
  • Senior Frontend - javascript, html, css

    Responsive Services Section В этом видео создаются карточки с оригинальным эффектом при наведении на HTML и CSS. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    🔥 Занимаетесь JS-разработкой и хотите расширить свои навыки? ⏰Присоединяйтесь 29 ноября в 20:00 к открытому уроку «Разработка мобильных приложений с использованием Angular + Ionic» 🚀На уроке мы познакомимся с преимуществами такой разработки, с использованием нативных функций устройств и рассмотрим всё это на примере. ✔️Занятие дает возможность предварительно попробовать новый онлайн-курс «Angular Developer» и познакомиться с преподавателем. 👉🏻 Оцените уровень своих знаний с помощью вступительного теста, чтобы попасть на урок: https://otus.pw/GvfX/
  • Senior Frontend - javascript, html, css

    Table Flipping Анимация реализована при помощи библиотеки gsap. 👉 @seniorFront
  • Реклама

  • Senior Frontend - javascript, html, css

    Glitch Experiment Создано без использования JS. В CSS создано несколько бесконечных анимаций, повторяющихся с определенными интервалами. 👉 @seniorFront
  • Senior Frontend - javascript, html, css

    Понятная пятница в английском: скидка 10% на курсы для аналитиков и разработчиков. В английском много противоречий. Можно учиться на продвинутом уровне — и сохранять разговорный барьер. Или повторять по кругу одни и те же правила. В результате непросто заметить прогресс и оценить, сколько ещё впереди. А мы выручим с этим. Практикум учитывает эти противоречия и проектирует прозрачный процесс обучения с предсказуемым результатом. Выберите подходящий курс и оплатите его со скидкой до 15 декабря: practicum.yandex.ru/english…iday2022
  • Senior Frontend - javascript, html, css