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

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

20191 @seniorFront
Открыть

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

  • Senior Frontend - javascript, html, css

    5 признаков того, что вы станете хорошим программистом Вы любите решать нестандартные задачи Программирование в большой мере творческая профессия. Несмотря на всю четкость алгоритмов, специалисту этой профессии очень часто приходится придумывать гармоничные решения для реализации нестандартных задач. Вы ленивы Хороший программист должен быть ленивым. И это правда! Потому что, чем меньше программного кода выполняет поставленную задачу, тем обычно гениальнее он написан. У вас математический склад ума Один из главных признаков того, что у человека есть талант к программированию — это наличие аналитического склада ума, то есть склонности к изучению, анализу и выстраиванию в законченные формы любой информации, которую он получает. Умение приспосабливаться к обстановке Программисты работают в различной обстановке. Кому-то требуется полная тишина вокруг, кто-то вполне может сосредоточиться при шуме и суете. То, какая атмосфера в офисе, сильно влияет на производительность работника.

  • Senior Frontend - javascript, html, css

    Большая IT-Библиотека для каждого айтишника - BZD • Книги для программистов. 👉Больше 3700 книг; 👉Хорошая категоризация книг на английские и русские; 👉Литература по программированию Python, Java, C, C++, JavaScript, C#, R, Go, информационной безопасности и других IT направлений. Прокачивайся с нами! Подписывайтесь @bzd_channel

  • Senior Frontend - javascript, html, css

    Cut Copy Share Delete Несколько кнопок, сверстанных при помощи препроцессора Pug и анимированных в SCSS. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

  • Senior Frontend - javascript, html, css

    Image Hover При наведении на карточку показывается текстовая информация, выезжающая с необычным эффектом. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    The maximum sum value of ranges Вам даны два массива - массив чисел и массив диапазонов. Необходимо получить максимальную сумму чисел первого массива в заданных диапазонах. Пример: 
     arr = [1,-2,3,4,-5,-4,3,2,1], 
 range = [[1,3],[0,4],[6,8]]
    Процесс вычислений: 
     range[1,3] = arr[1]+arr[2]+arr[3] = 5
 range[0,4] = arr[0]+arr[1]+arr[2]+arr[3]+arr[4] = 1
 range[6,8] = arr[6]+arr[7]+arr[8] = 6
    Результат: 6 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    CSS Loaders Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    conic-gradient() Это CSS-функция создаёт конический градиент — фоновое изображение из цветовых переходов, повёрнутых вокруг центральной точки. Пример .element { background-image: conic-gradient(#3590eb, #ee82cf); } 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Thanos | Image Distortion Effect В этом видео автор создает оригинальный эффект "распада" картинки при помощи библиотеки anime.js. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Splash button Необычная кнопка с множеством анимаций, созданных в CSS. Логика запуска анимаций реализована в JS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Parallax Gallery Горизонтальная галерея, которая прокручивается колесиком мыши, реализованная на HTML и CSS. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Codecademy теперь в телеграм! Codecademy — это крупнейшая в мире платформа для изучения программирования. Теперь у них есть русскоязычный канал. Там постят перевод на русский такой инфы, которую не найти ни на одном форуме! Подписывайтесь и прокачивайте свои скиллы: @ccademy

  • Senior Frontend - javascript, html, css

    sessionStorage Это объект, хранящийся в window, который позволяет сохранять данные в браузере на время сессии. Этот тип хранилища очень похож на localStorage и работает как хранилище данных в формате ключ-значение. При сохранении данных мы указываем имя поля, в которое должны быть сохранены данные, и затем используем это имя для их получения. - Сессия страницы создаётся при открытии новой вкладки браузера. Сессия остаётся активной до тех пор, пока открыта вкладка, а состояние сессии сохраняется между перезагрузками. Открытие новой вкладки с таким же адресом приведёт к созданию новой сессии. - Значения хранятся в виде строк. При попытке сохранения других типов данных, они будут приведены к строке. Например, если записать число, то при чтении нам вернётся число, записанное в строку. - Максимальный объем данных ограничен размером 5MB. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    CSS Claymorphism В этом видео автор создает верстку карточки с эффектами размытия и тенями. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Expanding card page transition effect Автор реализовал возможность раскрытия карточки на полный экран с нуля в JS. Подробности работы логики описаны в комментариях. 👉 @seniorFront

  • Реклама

  • Senior Frontend - javascript, html, css

    Full Moon in Paris Кроме красивой верстки окна с видом на Париж, автор также создал обратный отсчет до следующего полнолуния или новолуния. 👉 @seniorFront

  • Senior Frontend - javascript, html, css

    Программисты, хотите быть мега-продуктивными и писать божественный код? Тогда вам нужно прокачивать свой главный орган: ГОЛОВНОЙ МОЗГ 🧠 О том, как это грамотно сделать, читайте вот на этом канале👇🏻 ИНСАЙТ42 Там вы найдёте тексты о том, как повысить свою продуктивность и прокачать мышление. По науке: без танцев с бубнами и прочей ереси. Подписывайтесь: https://t.me/+7N35gzvZ0-84ODli

  • Senior Frontend - javascript, html, css

    Интересные факты из веб-альманаха 1. Несмотря на то, что каскадные таблицы стилей не являются самой тяжёлой составляющей большинства страниц, их вес с каждым годом увеличивается. Так, в 2021 средняя веб-страница загружает около 70 кБ CSS, а это на 7,9% больше, чем в 2020 году. 2. В 2021 году 97,4% страниц включили в себя <!DOCTYPE html>, что немного выше прошлогодних 96,8%. Если посмотреть на последние пару лет, процент использования этой директивы неуклонно увеличивался на полпроцента каждый год. 3. Внедрение CSS в JavaScript-код выросло до 3%, что на 1% больше по сравнению с прошлым годом. 4. 94% сайтов используют по крайней мере один сторонний ресурс, подавляющее большинство таких ресурсов от сервисов Google. 5. Если на странице подключается виджет YouTube, медианное время блокирования главного потока составляет 1,6 сек. 6. 16% страниц используют бессодержательные названия ссылок: «click here», «read», «more», etc. 7. 22% сайтов поставляется с HSTS (HTTP Strict Transport Security).