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

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

20191 @seniorFront
Открыть

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

  • Senior Frontend - javascript, html, css

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

  • Senior Frontend - javascript, html, css

    Card stack Сверстано на HTML и SCSS, анимации созданы в JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    ❓ Хотите выучить html с нуля? Тогда этот бесплатный справочник по html то, что вам нужно. 🎁 Оставьте заявку на тест-драйв курса специализация «Fullstack developer» и получите: - справочник по html; - приглашение на бесплатные уроки курса по html, css, javascript 👉 https://vk.cc/cjlDzi

  • Реклама

  • Senior Frontend - javascript, html, css

    ​Дженерики в TypeScript Дженерики, или Generic Types, — обобщенные типы. Они нужны для описания похожих, но отличающихся какими-то характеристиками типов. Мы описываем общую структуру, а конкретную уже определяет пользователь дженерика. Дженерик — это каркас, внутренности которого заполняет разработчик. Программист, который описывает обобщенный тип, никогда не знает, что именно туда решит записать тот, кто будет этот тип использовать. Посмотрим на пример использования дженериков в TypeScript. Представьте, что у нас есть массив значков валют. В JavaScript мы бы просто написали: 
     const currencySigns = ['₽', '€', '£'];
    В TypeScript с помощью дженериков можно написать: 
     type CurrencySign = '₽' | '€' | '£';

 const currencySigns: ReadonlyArray<CurrencySign> = ['₽', '€', '£'];
    Здесь важно уделить внимание типу переменной currencySigns — ReadonlyArray, обобщенный тип, означает «неизменяемый массив», при этом мы говорим языку, что в нем могут лежать только элементы типа CurrencySign, это параметр дженерика. Ничто не запрещает написать ReadonlyArray<'₽' | '€' | '£'>, но часто типы разделяют, чтобы в будущем их было удобно использовать отдельно друг от друга. Например, как в данном случае, было бы удобно заранее иметь тип элемента массива и уже из него сконструировать другой тип, двигаясь «от меньшего к большему», а не выделять из большего типа меньший C помощью дженериков можно создавать типы и интерфейсы, типизировать функции, методы, классы. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Infinite Scroll Animation Создано на React, анимировано в SCSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Frontend! Frontend! Frontend! Много FRONTEND’a! Зачем платить за курсы, если они есть в открытом доступе? Выучи такие языки бесплатно: >JavaScript (56 уроков) >Figma (44 видеоурока) >Web Design (57 видеоуроков) >HTML/CSS (41 курс) >UI/UX (33 урока) >Верстка (71 курс) >React (32 курса) >Другие (144 Курса) Подпишись, что бы не потерять возможность выучиться бесплатно!❤️

  • Senior Frontend - javascript, html, css

    CSV representation of array Создайте функцию, которая принимает двумерный массив и вернет его в формате CSV. Пример: input: 
       [[ 0, 1, 2, 3, 4 ],
    [ 10,11,12,13,14 ],
    [ 20,21,22,23,24 ],
    [ 30,31,32,33,34 ]]
    output: '0,1,2,3,4n' +'10,11,12,13,14n' +'20,21,22,23,24n' +'30,31,32,33,34' 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    City Life - Day & Night Создано на чистом CSS. Вся сцена завязана на CSS переменных, значения которых изменяются при нажатии на переключатель. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Что не умеет делать JavaScript на веб-странице? - Не может читать/записывать произвольные файлы на жёстком диске, копировать их или запускать программы. Может быть что-то еще? В канале Собес.js собраны самые актуальные вопросы с собеседований по самому популярному в мире языку программирования. Сохраняй себе и повторяй материал, чтобы быть готовым к любому собесу

  • Senior Frontend - javascript, html, css

    Animating Clip-path using CSS and Vanilla Javascript В этом видео создается оригинальная анимация при помощи CSS clip-path. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    ThreeJS Toys - Particles Cursor Создано только при помощи средств библиотеки ThreeJS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Привет! На связи Podlodka — организатор IT-конференций, родившихся из популярного подкаста. Приглашаем на юбилейный пятый сезон Podlodka Frontend Crew! Старт — 5 декабря. 🤓 В этот раз мы решили глубже разобраться в браузерных API. В спикерах — Саша Шинкевич, Никита Дубко, Полина Гуртовая, Валера Шибанов и многие другие. ➡️ Разберём самые странные браузерные API. Вместе узнаем, что уже сейчас могут делать современные браузеры и как это может помочь вашим проектам. ➡️ Научимся безопасно использовать Service Worker API с учётом ограничений и требований. ➡️ Узнаем про Wasm в браузере и вне его. Попробуем понять, для чего можно использовать Wasm, и обсудим распространённые проблемы. ➡️ Разберём API для безопасности, симметричное и асимметричное шифрование и узнаем, зачем генерировать, хранить и использовать криптографические ключи в браузере. ➡️ Узнаем, как улучшать диалоги с помощью нативных элементов, рассмотрим особенности их внедрения на реальных юзкейсах. 👉 за подробностями и билетом залетай на сайт

  • Senior Frontend - javascript, html, css

    Candy Color Button Animation Подборка анимированных кнопок, созданных на HTML и CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    A?.Frontend х Selectel: приглашаем вас в гости frontend-сообщества 💌 Когда: 7 декабря (среда), в 19:00 Где: Санкт-Петербург, ул. Цветочная, д. 19 💡 «Добро пожаловать в Storybook Community» Доклад Никиты Дукина, Frontend-разработчика в Альфа-Банке. Расскажем об инструменте Storybook. 💡 «Оптимизируем графику для веба like a boss» Ведущий разработчик сайта в Selectel, Евгений Полосухин поделится секретами создания изображения для веб-приложений. 💡 «Патология вёрстки» C Николаем Громовым, ведущим разработчиком интерфейсов в ООО «Наука», рассмотрим описание клинической картины и принципов лечения некоторых болезней вёрстки. Модерирует встречу Ольга Болотова, руководитель направления JavaScript в Альфа-Банке. Это ещё не все 🎄 🎅🏼 Будем вместе создавать новогоднее настроение, играть в «Тайного Санту». Необходимо только зарегистрироваться alfa-digital-org.timepad.ru/event/2…/2245478 и для входа в офис захватить с собой паспорт. Подписывайтесь на сообщество фронтенда: https://t.me/alfa_frontend

  • Реклама

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    CSS Water Drop Cards UI В этом видео создаются карточки в виде капель воды на CSS при помощи свойств box-shadow, inset и border-radius. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Leaky Preloader Оригинальный загрузчик, созданный на HTML и CSS. 👉 @seniorFront