Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
122 videos
38 files
4.62K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Эта книга познакомит вас с современными принципами работы на CSS3.

#css

https://yangx.top/progbook/881
У веб-разработчика два врага: дедлайны и изображения. Хватит пытаться втиснуть картинку в макет! Вот 5 методов для полного контроля над графикой.

https://proglib.io/p/responsive-images/

#css
#html #css

25 курсов и видео-туториалов для тех, кто мечтает освоить CSS и HTML и гадает, с чего начать.

https://codeburst.io/25-html-css-tutorials-6a864f387185
#html #css #javascript

Для хорошего старта в веб-программировании нужна хорошая книга, охватывающая, по возможности, все совокупные технологии, поскольку сама по себе фронтенд-разработка является лёгкой для понимания. Эту книгу можно считать одной из лучших, ведь она представляет не одни только основы разработки качественных сайтов, но и примеры лучших практик, советов, решения ошибок и использования всех современных возможностей, предоставляемых HTML5, CSS3 и JavaScript.

https://yangx.top/progbook/986
#css #avocode #emmet

Мы любим верстать и делать это хорошо. А что если мы будем делать это ещё и быстро? Нет, не нужно учиться печатать быстрее, достаточно скачать любой из этих инструментов и верстать в несколько раз быстрее ваших коллег, которые не подписаны на наш канал и не узнают об этих инструментах. Чтобы не читать скучные обзоры, посмотрите это видео и вперёд!

https://www.youtube.com/watch?v=AeLEgV2Lt8g
#javascript #jquery

Любой красивый элемент на вашем сайте может заставить задержаться пользователя на нём. Даже пагинация — и та предмет эффектных изменений. Что нам нужно? Только JQuery и, конечно же, фантазия.

https://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution
#javascript

Подсчёт нажатий кнопки мыши на элемент:
$(element)

    .data('counter', 0) // Сбрасываем счетчик
.click(function() {
var counter = $(this).data('counter'); // Получаем значение
$(this).data('counter', counter + 1); // Устанавливаем значение
// Выполняем нужные действия
});
#css

В этом курсе вы научитесь писать адаптивное веб-приложение портфолио, которое понадобится вам для презентации своих работ.

https://www.youtube.com/playlist?list=PLillGF-RfqbYoGoCjKoMOkVznV6aSXKzU
Все говорят, как писать отличные стили. Это здорово, но, возможно, было бы полезно посмотреть на ужасный CSS, чтобы понять, как делать не следует.

https://proglib.io/p/terrible-css/

#css #novice
#javascript #дайджест

Интересная статистика по JavaScript в 2018 году.
Раскрываются вопросы:
1. Где применяется JavaScript;
2. Почему JavaScript такой дорогой?;
3. Технические характеристики JavaScript.

https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
​​Выучить основы JavaScript за 1 месяц. Миф или реальность?

Ответ уже близко, 13 сентября в 19:00 по Киеву/МСК Александр Бородавка проведет бесплатный мастер-класс «JavaScript для начинающих: 10 лучших решений».

Вы узнаете как создавать:

— Модальные окна (pop-up)
— Добавление и удаление CSS классов
— Анимации для HTML элементов
— Адаптивную разметку для мобильных устройств
— Плавающую шапку
— Адаптивное меню (гамбургера)

Мастер-класс для вас если вы:

— Верстальщик
— Начинающий JavaScript программист

Почему именно JavaScript? Потому что JavaScript, как и IT-индустрия в целом — это самое востребованное направление в мире и будет им ещё, минимум 5 лет!

Регистрируйся на бесплатный вебинар сейчас и получи бонусом практический видеоурок и чек-лист «8 правил чистого кода в JavaScript».

Ссылка для регистрации: http://bit.ly/2wLqYCI
#javascript #dom

Серия уроков от freeCodeCamp точно помогут вам срубить это дерево непонимания по имени DOM. А вместе с ним вы поймёте, как работать с JavaScript свободно и качественно!

https://www.youtube.com/playlist?list=PLWKjhJtqVAbllLK6r2dnGjUVWB_cFNcuO