Frontender Libs - обзор библиотек JS / CSS
رفتن به کانال در Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
نمایش بیشتر7 724
مشترکین
-324 ساعت
-187 روز
-5230 روز
آرشیو پست ها
JS | Делаем свой курсор для сайта
В примере подробно разобран принцип реализации кастомных курсоров для сайта, выполнено на чистом js и css.
😎 С какими IT-технологиями будет интереснее работать?
💻 Приглашаем Вас на бесплатный вебинар от Web Academy на котором Вы узнаете про основные обязанности Front-end и Back-end разработчиков, про технологии, с которыми они работают, про возможности и перспективы, а также кто такие Full Stack специалисты.
⏰ Когда: 09.12 в 17:00 по Киеву/ 18:00 МСК
🧭 Где: online
📣 Спикер: Илья Литвинов — Senior Front-End Dev в Wix.com.
❗️ Не упустите возможность задать вопрос спикеру online
🖊 Регистрация через чат-бот: https://bit.ly/2VyGcH6
🌏 или через браузер: https://bit.ly/37qpxv2
#Ивенты_WebAcademy
#Программирование_WebAcademy
CSS | Зачеркиваем блоки, универсальный способ
Рано или поздно встанет задача нарисовать перечеркнутый прямоугольник, и если с квадратами проблем не возникает, то прямоугольники неизвестной, или динамической ширины перечеркнуть кажется сложно. В примере перечеркивание реализуется через градиенты и ключевые слова с направлением заливки.
JS | Рисуем графики с morris.js
Morris — это легковесный плагин с открытым исходным кодом, который для работы требует jQuery и Raphaël и строит с их помощью графики на простой сетке горизонтальных линий.
Плагин позволяет строить четыре вида графиков:
- ломаная
- диаграмма
- столбчатая диаграмма
- круговая диаграмма
Все необходимые подробности употребления API изложены в первоисточнике достаточно подробно — подглядывать в открытый исходник, скорее всего, не потребуется.
Какое значение будет находиться в переменной $c?
Будет ли виден на экране блок .child?
JS | Определяем местоположение пользователя
Geolocation API позволяет пользователю предоставлять свое местоположение web-приложению. При вызове метода navigator.geolocation.getCurrentPosition() браузер запросит разрешение на передачу данных о геолокации, в случае разрешения будет вызван первый колбэк, в случае отказа - второй.
В примере реализовано получение координат пользователя через Geolocation API и если геолокация не доступна - используется сервис определения местоположения по ip-адресу
JS | Храним данные в браузере, localStorage
localStorage - это хранилище данных в браузере, в котором можно записывать, получать и удалять записи по ключу. Данные сохраняются даже после перезагрузки страницы.
У браузера существует клон localStorage, который называется sessionStorage. Их разница в том, что последний хранит данные только для одной вкладки (сессии) и очистится как только мы закроем вкладку
Пример использования:
//Добавляем или изменяем значение:
localStorage.setItem('myKey', 'myValue'); //теперь у вас в localStorage хранится ключ "myKey" cо значением "myValue"
//Выводим его в консоль:
var localValue = localStorage.getItem('myKey');
console.log(localValue); //"myValue"
//удаляем:
localStorage.removeItem("myKey");
//очищаем все хранилище
localStorage.clear()Postman
REST API - самый популярный вариант взаимодействия клиентского приложения с серверной частью. Клиентским приложением может быть как сайт, так и мобильное приложение.
Во время разработки необходимо тестировать запросы и ответы от сервера. Для этого отлично подходит приложение Postman.
👋 Всем привет!
12 декабря приглашаем в Лекторий Skillbox на воркшоп о том, как реализовать собственный DI-контейнер на Java.
Ведущий разработчик IT-компании MediaSoft Павел Андрющенко познакомит со структурой современного Java-приложения корпоративного уровня, разберет ,что такое зависимости, как с ними работать, и какие преимущества дает использование DI-контейнера, а также рассмотрит применение некоторых паттернов проектирования на практике.
Подробности и регистрация 👉 https://u.to/1NxlGg
CSS | Фильтры, немного фотошопа не выходя из браузера
CSS Filters мощный инструмент в умелых руках, с помощью комбинаций фильтров можно сделать множество визуальных эффектов, размытие, смена цветового тона, инверсия, обесцвечивание и много другое.
Функциональное программирование в PHP
PHP поддерживает функции первого класса. Это значит, что функция может являться значением переменной, быть переданной как аргумент в другую функцию или быть результатом выполнения другой функции.
Один из самых частых вариантов использования функций как аргументов - различная работа с массивами.
Как сделать версионирование баз данных удобным и понятным всем участникам процесса разработки? Научитесь управлять миграциями БД на экспресс-курсе OTUS.
19 декабря вместе с Юрием Дворжецким, ведущим разработчиком, за 8 часов вы пройдете теорию и практику, после которых сможете:
— Использовать инструменты Flyway или Liquibase
— Быстро создавать любое окружение с точки зрения базы данных
— Применять практику DBVC к уже существующей базе.
Успейте оставить заявку, пока действует спец.цена.
Количество мест ограничено https://otus.pw/Pkex/
Vue.js | Делаем свой слайдер
Для начинающих или интересующихся Vue.js - пример реализации простого слайдера, стрелки, пагинация, свайп, бесконечная прокрутка.
Пример показывает работу с событиями, вычисляемыми свойствами и методами, подойдет для основы вашего собственного слайдера или для сайта где от слайдера ничего особенного не требуется.
اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
