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

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

20191 @seniorFront
Открыть

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

  • Senior Frontend - javascript, html, css

    ​Качество и скорость работы⠀ Сжатые сроки, сбитые приоритеты, иные обстоятельства в разный момент могут возникать в ежедневной рабочей рутине. И вот ты слышишь: «Сделай, нужно быстрее!» Так как нужно сделать: быстро или хорошо? Можно метаться и искать способы ускорить свою работу. В голове возникают известные всем фразы: «Поспешишь – людей насмешишь», «Тише едешь – дальше будешь», Но эти «крылатые» выражения не выживут в условиях «горящих» сроков. ⠀ Начинаешь делать быстро. И тут может возникнуть он –КОСТЫЛЬ! Вступаешь в сделку с совестью. Ставишь костыль. Получаешь ли ты удовлетворение от такого решения? Большой вопрос. ⠀ Так как же справится с костылем? Лучше его изначально избегать, ведь костыль - это всегда риск. Да, бывают случаи, когда и «костыли» работают хорошо. Но спрогнозировать это наверняка не сможет никто. ⠀ А что насчет «хорошо или быстро»? Выбор всегда будет зависеть от настроения и мировоззрения конкретного человека. В редких случаях человек рационально выбирает путь решения, взвешивая все «за» и «против». Поэтому дилемма «быстро или хорошо» будет жить вечно. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    И снова порция годноты. С 23 по 26 февраля пишем фронтенд для интернет-магазина “Wildberries” на JavaScript. Сможешь вдоволь попрактиковаться и сделаешь проект для портфолио. Каждый день будешь писать код, задавать вопросы и получать обратную связь по своей работе. Подробная программа: ✅ 1 День — Получим необходимые элементы со страницы — Научимся перехватывать браузерные события — Напишем скрипт Модального окна — Познакомимся с API Storage ✅ 2 День — Познакомимся с получением данных через API Fetch — Рассмотрим работу с Firebase — Получим первые данные с сервера ✅ 3 День — Фильтрация данных по категории — Вывод карточек товаров — Вывод карточек акционных товаров — Реализация поиска по названию ✅ 4 День — Реализуем корзину товаров — Реализуем отправку данных корзины Жми на ссылку и получи приглашение: telegram.me/gloacad…demy_bot

  • Senior Frontend - javascript, html, css

    Announcement Анимированная сцена, реализованная при помощи библиотеки gsap. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    Как управлять командой разработки, выясним 24 февраля на новом митапе. Управлять командой разработки — это быть хорошим управленцем и разработчиком одновременно. На нашей новой онлайн-конференции мы поможем найти баланс между этими ролями и поговорим о важных для тимлида навыках. В прямом эфире спикеры от Avito, Skyeng и AGIMA расскажут: - как не выгореть, управляя командой; - как планировать ее работу; - как выстроить разработку мобильных приложений. Начинающие тимлиды поймут, какие трудности их ждут и как с ними бороться. А опытные улучшат навыки и узнают о новых подходах к управлению.

  • Senior Frontend - javascript, html, css

    Plasma Ball Создано и анимировано на чистом CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Sum The Tree Вам дано бинарное дерево, состоящее из объектов типа: Node: value: <int>, left: <Node> or null, right: <Node> or null Создайте функцию, которая просуммирует все ноды дерева, включая корневой элемент. Примеры: 10 | \ 1 2 => 13 1 | \ 0 0 \ 2 => 3 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    The Last Duel Трейлер фильма, но вместо актеров коты. Реализовано на React и typescript. Анимации сделаны при помощи библиотеки gsap. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Типизация контекста в TypeScript this позволяет типизировать контекст вызова, например: 
     function getFullName(
   this: { name: string; surname: string },
   inUpperCase = false
 ): string {
   const fullName = `${this.name} ${this.surname}`;
   return inUpperCase ? fullName.toUpperCase() : fullName;
 }

 let account = {
   name: "Ihor",
   surname: "Nepipenko",
   getFullName
 };

 account.getFullName();
    Таким образом, для того, чтобы использовать данную функцию, в контексте объекта должны присутствовать name и surname, иначе TS выбросит ошибку. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Claymorphic button Кнопка сделана из svg картинки, при нажатии на которую задействуются анимации, реализованные при помощи библиотеки gsap. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Gurufy облегчает изучение React.js разработки. C помощью крутых коротких курсов вы можете изучить весь стек React.js быстро и легко. Официальный сайт - https://gurufy.dev/ На данный момент доступны курсы по: Next.js, TypeScript, Jest, React Testing Library и другие. На сайте есть бесплатные и платные курсы. Любой платный курс стоит лишь 199 руб.

  • Senior Frontend - javascript, html, css

    CSS Only Abstract Background Design В этом видео автор создает фон из нескольких слоев, применяя к ним CSS свойство transform со значением skew. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Tab bar FAB Иконки это svg-картинки, свойства которых изменяются при нажатии на кнопку. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    На курсе мы поможем разобраться в принципах алгоритмов и структур данных, а ещё — поможем не бросить начатое. Приходите учиться, если вы уверенно владеете одним из этих языков: C++, Python, Java, Go, JavaScript, C#. Мы делаем процесс обучения таким, чтобы вы прошли курс до конца: → Теория — в интерактивном учебнике, который доступен 24/7. → Практика — в Яндекс.Контесте, онлайн-платформе для решения задач по программированию. → Опытные разработчики объясняют сложные темы на вебинарах и проводят код-ревью в конце каждой темы. → Кураторы и команда поддержки помогают не прокрастинировать. → После окончания курса его можно перепройти на других языках самостоятельно. → Контент и его обновления остаются доступны навсегда. Старт потока — 22 февраля. Курс длится 4 месяца, но его можно проходить быстрее плана — команда сопровождения подстроится под ваш темп. → Пройдите бесплатно первую тему, чтобы проверить, подходит ли вам курс.

  • Senior Frontend - javascript, html, css

    Композиция промисов Функция может вернуть промис, назовем такую функцию – фабрикой промисов. Как и обычные синхронные функции, фабрики промисов можно композировать, хотя реализация будет отличаться. Композировать будем через compose. Принцип compose, похож на pipe, с той разницей, что композиция выполняется справа налево, а в случае с pipe она выполнялась бы слева направо. const composePromises = (...promiseFabrics) => ( promiseFabrics.reduce((f, g) => value => g(value).then(f)) ); const minusOne = n => Promise.resolve(n - 1); const addTwo = n => Promise.resolve(n + 2); const multipleTwo = n => Promise.resolve(n * 2); const calculate = composePromises(minusOne, addTwo, multipleTwo); calculate(2).then(console.log); // 5 Интересно, что в отличие от синхронного варианта композиции, composePromises не возвращает функцию, которая возвращает результат редьюсера. Вместо этого, сразу возвращается результат работы редьюсера. Магия в том, что этот редьюсер возвращает функцию, а не переменную.

  • Реклама

  • Senior Frontend - javascript, html, css

    CSS 9 Dots Menu В этом видео автор создает меню с уникальным эффектом открытия на HTML и CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Senior Frontend Developer — канал, где опытный Frontend-разработчик учит писать код и делится лайфхаками. Подписывайтесь! @senior_front

  • Senior Frontend - javascript, html, css

    Image Hover Interaction При наведении на карточку, в JS создаются частицы на canvas, которые собираются в картинку. 👉 @seniorFront