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

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

20191 @seniorFront
Открыть

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

  • Senior Frontend - javascript, html, css

    🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Если вы планируете пополнить свой стек самым популярным JS-фреймворком — React, приходите на открытый урок “TDD + React”. Урок пройдет 27 апреля в 20:00 в рамках онлайн-курса “React.js Developer” https://otus.pw/m5mw/ Нативная интеграция. Информация о продукте www.otus.ru

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    CSS Only Clarity Glass Animation Effects В этом видео создаётся эффект стекла при помощи фильтра со значением blur и теней. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

    Clock with a background gradient Создано на HTML и SCSS. Логика поворота стрелок реализована в JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Офер в Яндекс всего за два дня Приходите на Weekend Offer Frontend 27–28 мая. Всего за два дня вы сможете пройти все технические секции, выбрать команду по душе и получить офер. Ждём фронтендеров на JavaScript и TypeScript с опытом работы от 4 лет. С нашей стороны вас ждут 13 команд: Маркет, Рекламные продукты, Cloud, HR Tech, 360, Суперапп, Лавка, Бизнес-приложения, Еда, Умный дом, Инфраструктура, Поиск и Учебник. Нанимаем разработчиков в любой офис России и Беларуси. Некоторые команды приглашают в международные хабы в Армении, Казахстане и Сербии. Регистрация открыта до 24 мая, все подробности ищите здесь

  • Senior Frontend - javascript, html, css

    Boil Это svg картинка, которая создается при помощи библиотеки snap.svg, а затем анимируется библиотекой Three.js. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    ​Советы от тимлида 1. Если предлагают впервые идти в тимлиды, но есть опасения/сомнения, можно договориться с руководством и попробовать «тимлида на минималках». Step-by-step вы сможете и поменторить, и побыть feature owner, и ощутить вкус всех остальных 33 удовольствий, которые обычно прописаны в тимлидских вакансиях. 2. Работу тимлидом лучше искать в открытую, а не заходя «троянским конем» на позицию разработчика со скрытой жаждой промоушена. В первую очередь, именно вам будет гораздо удобнее, если вы сразу открыто поведаете о своих планах. Хороший руководитель будет только рад амбициозным подчиненным. 3. Убивать в себе программиста, становясь тимлидом, вовсе не обязательно. Во-первых, все равно будут случаться моменты, когда вам придется навалиться на проект вместе с разработчиками. Во-вторых, у тимлида, если он совершенно оторвется от кодинга, есть риск потерять техническую хватку, и можно прийти к тому, что ваши разработчики перестанут вас признавать. 3.Делегирование перестанет быть болью, если воспринимать ее как вашу инвестицию в другого человека. Да, тимлид сделает эту задачу за час, а его подчиненный — за день, но от решения 101-й однотипной задачи тимлид ни в чем не вырастет. А вот коллега, который столкнется с ней впервые — вырастет. 4. Главные карьерные ловушки тимлида — узкий трек роста и сложность даунгрейда. Главная ментальная — рвение заткнуть собой все дыры и спасти не спасаемый проект. 5. Если вы точно поняли, что тимлидство — не для вас, не огорчайтесь. Во-первых, большое количество разработчиков доходят максимум до уровня senior. Во-вторых, синьоры-специалисты ничуть не менее ценны. В третьих, простой анализ должностных обязанностей дает безжалостный вывод: синьор — более расслабленная, лайтовая, приятная позиция. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    <head> Разбираешься во Front-End? </head> <body> Мы создали уникальную игру для программистов прямо в браузере с 3d миром будущего и с наградами в криптовалюте. Пиши код, решай интересные задачки, которые влияют на сюжет игры и зарабатывай TON! Перейди по ссылке и исследуй мир TONight: 👉 https://clck.ru/34Cq4a </body>

  • Senior Frontend - javascript, html, css

    Clipping effect Создано на HTML и CSS. При нажатии изменяются CSS классы в JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    ​Реактивность в программировании Реактивность - это способность программного кода реагировать на изменения его входных данных, без явной обработки событий и управления состоянием. Она является ключевым аспектом современной разработки программного обеспечения, особенно в области web- и mobile-приложений. В реактивном программировании, мы описываем нашу программу как поток данных, где каждый элемент потока представляет собой событие или изменение состояния. Поток данных может быть преобразован или модифицирован с помощью операций, таких как фильтрация, слияние, разделение и трансформация. Это может происходить автоматически, если программный код является реактивным. Существует ряд разных библиотек и фреймворков, которые позволяют разработчикам создавать реактивные приложения на разных языках программирования, включая Java, JavaScript и Swift. Эти библиотеки могут быть использованы для создания одностраничных приложений, отображения данных в режиме реального времени или просто для упрощения кода при работе с асинхронными операциями. Одним из главных преимуществ реактивного программирования является то, что оно помогает снизить уровень сложности при работе с асинхронными операциями. Вместо использования callback-функций и промисов, реактивный код позволяет создавать потоки данных, что делает код более читабельным и позволяет проще отслеживать состояние приложения в режиме реального времени. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    HolyJS — конференция для всех, кто пишет на JavaScript. В программе технические доклады от спикеров из топовых компаний, личный опыт, боль, практика и много кода. Поговорим про ИИ во фронтенд-разработке, разберемся в устройстве плееров анимаций на примере lottie-web, обсудим, почему Playwright лучше Jest  — и это только малая часть программы. Будут и более софт-скилловые доклады, например про апгрейд карьеры, а также круглые столы и дискуссии. Вы можете пообщаться с коллегами из разных компаний, увидеть новые лица JS-мира, а в офлайне поиграть в старую-добрую JS-игру: ищите в словаре случайное слово, гуглите, есть ли JS-библиотека с таким названием. Если есть, выпиваете пиво :) Если билет вам покупает работодатель, то пришлите ему эту ссылку. Если идете за свой счет, то ищите билеты здесь, а по промокоду SENIORFRONT они будут еще дешевле.

  • Senior Frontend - javascript, html, css

    Login form. Svg animation Вёрстка создана на HTML и Sass. Рыба - это анимированная svg картинка. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Век из года Напишите функцию, которая принимает год в числовом формате и возвращает век, соответствующий этому году. Примеры: 1705 --> 18 1900 --> 19 1601 --> 17 2000 --> 20 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Dual Picture Accordion Fold Создано без использования JS. Вместо него используются возможности препроцессора SCSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся: @HtmlGram

  • Реклама

  • Senior Frontend - javascript, html, css

    Water Wave Background В этом видео создается анимированный фон в виде волн на HTML и CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Button focus effects У кнопок анимируется CSS свойство clip-path при наведении. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    ​Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё: • разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера; • познакомиться с теорией и отработать её на практике в больших проектах; • научиться брать ответственность за решения и вкладываться в общий результат; • самостоятельно декомпозировать задачи и распределять время; • исследовать смежные сферы программирования, без которых невозможен фронтенд: • информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Начать учиться: https://practicum.yandex.ru/middle-frontend/