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

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

20191 @seniorFront
Открыть

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

  • Senior Frontend - javascript, html, css

    🔥 Хотите стать фулстек-разработчиком на JavaScript с с зарплатой от 165 000 ₽? 🧠 Тогда начните получать первые знания уже 7 сентября в 20:00 на открытом уроке 📚 На занятии с экспертом-практиком мы разберем два популярных способа расположения элементов макета, рассмотрим их плюсы и минусы и узнаем разные примеры применения ✅ Вебинар пройдет в рамках специализации «Fullstack Developer» OTUS, онлайн-курса для тех, кто хочет начать заниматься JavaScript-разработкой 👉Регистрируйтесь на занятие и готовьте вопросы преподавателю https://otus.pw/UCDE/ Реклама. Информация о рекламодателе на сайте otus.ru

  • Senior Frontend - javascript, html, css

    Off The Wall Image Menu Оригинальное навигационное меню, анимированное в JS. Кроме самой реализации автор создал 60 секундное видео, где показал, как он создавал это меню. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

  • Реклама

  • Senior Frontend - javascript, html, css

    Освоить веб-разработку с нуля за 10 месяцев — реально, если правильно выстроить программу и усердно заниматься. Упорство зависит от вас, а о программе позаботился Яндекс Практикум. — Программа основана на реальных требованиях работодателей к младшим специалистам. — Интерактивный тренажёр помогает освоить теорию и закрепить её в тестах. — Практика идёт на учебных проектах для портфолио. А ещё на курсе много работы с опытными специалистами: — наставники-разработчики разбирают сложные темы на живых вебинарах. — команда поддержки отвечает на вопросы по теории в тренажёре. — код-ревьюеры проверяют проекты и подсказывают, как их улучшить. — кураторы помогают с организацией и расписанием. — карьерный центр учит работать с резюме, мотивационными письмами, портфолио и собеседованиями. 78% наших выпускников находят работу в новой сфере. Они берут проекты на фрилансе, устраиваются в стартапы и крупные компании — Яндекс, ВТБ, МТС, Перекрёсток, Playrix, Сбер и другие. Протестируйте формат курса бесплатно →

  • Senior Frontend - javascript, html, css

    Threejs-journey Текст создается на canvas и анимируется библиотекой Three.js. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Length of missing array Вам дано несколько массивов, длина которых должна возрастать последовательно на 1. Но один из этих массивов отсутствует. Найдите длину отсутствующего массива. Пример: [[1, 2], [4, 5, 1, 1], [1], [5, 6, 7, 8, 9]] --> 3 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Toggle 3D Необычный переключатель на HTML и CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Атрибут pattern В атрибуте pattern пишется регулярное выражение, которому должно соответствовать введённое в <input> значение. Пример В этом примере браузер проверит перед отправкой формы, что пароль не меньше 6 символов в длину: <form> <input type="password" pattern=".{6,}"> <button>Отправить</button> <form> 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Онлайн-митап «Асинхронный рендеринг в React 18 и принципы практичного рефакторинга» ⏰ Дата и время: 15 сентября, 14:00 (по МСК), четверг. Программа митапа: 🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом? Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения. 🎙Чудеса асинхронного рендеринга Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber. 👉 Регистрация: по ссылке. До встречи 🔥

  • Senior Frontend - javascript, html, css

    Html CSS Only Glowing Ring В этом видео автор анимирует 4 элемента, которым задает форму при помощи box-shadow. Эффект зеркала создается свойством -webkit-box-reflect. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    90% Это Svg картинка, которая анимируется в CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Wireless Connectivity Icon Вся иконка - это svg картинка, анимированная в CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Курс «Английский для IT-профессий» от Яндекс Практикума Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде. Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков: ✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи. 👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи. 📣 Митапы. Сможете понимать на слух доклады и выступать сами. 😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать. 👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее. 💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение. Запишитесь на бесплатную консультацию. Определим ваш уровень языка, расскажем про обучение и ответим на все вопросы

  • Senior Frontend - javascript, html, css

    .preventDefault() На каждое действие пользователя на сайте, браузер создаёт события. Это наш главный способ в коде понимать, что происходит на странице. preventDefault() — метод события. Этот метод отменяет поведение браузера по умолчанию, которое происходит при обработке события. Пример: 
      const runTimer = (inputElement) => {
    setTimetout(() => {
      inputElement.focus()
    }, 5000)
  }

  const inputElement = document.querySelector('.input')
  inputElement.addEventListener('mousedown', (event) => {
      event.preventDefault()
      runTimer(inputElement)
  });
    Когда пользователь нажимает на инпут элемент, генерируется цепочка событий в следующем порядке: mousedown -> mouseup -> click. Когда происходит событие mousedown, браузер устанавливает фокус на поле ввода. Вызовом event.preventDefault() мы отменили это поведение. Затем мы запустили таймер, который установит фокус на инпут через 5 секунд с помощью вызова метода focus().

  • Senior Frontend - javascript, html, css

    CSS Input Field Text В этом видео автор создает и стилизует input элементы с градиентной границей. Для создания границы он использует псевдо элементы, которым задает свойство background, которое затем анимирует. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

    Еженедельные вакансии, новости proptech-индустрии, все о работе в IT и Digital в канале ДОМ.РФ.ТЕХ: — Новый суперсервис, который позволяет запустить строительство собственного дома; — Образовательная программа ДОМ.PФ заняла первое место во всероссийском конкурсе «ТИМ-ЛИДЕРЫ 2021/22»; — Диджитал-команда разработала сервис на основе биометрии; — Сотрудникам исключенных из реестра IT-компаний сохранят льготную ставку по ипотечной госпрограмме.

  • Senior Frontend - javascript, html, css

    Bongo Cat Codes Реализовано с использованием препроцессоров Pug и SCSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Rasterizing a triangle 📐 Треугольник - это svg картинка, параметры которой изменяются через JS в зависимости от положения draggable элементов. 👉 @seniorFront