Про CSS часто можно встретить самые полярные мнения: от «CSS — отстой» до «CSS рулит, учите матчасть, глупцы».

Автор этой статьи придерживается второго мнения. Он предполагает, что те, кто говорит, что CSS — отстой, допускают несколько основных ошибок:
— излишне перегружают свой CSS,
— не понимают силы CSS,
— смотрят на CSS как на JavaScript и ожидают, что эти две технологии будут работать примерно одинаково.

Цель этой статьи в том, чтобы показать, как можно упростить CSS, получив на выходе невероятную мощь, и, в то же время, оставить его максимально технологичным.

Статья очень большая, поэтому добавляйте в закладки и читайте: https://tprg.ru/vd7E

#фронтенд #css

Нас можно читать и в VK: https://vk.com/tproger_web

Подписывайтесь, если за контентом по веб-разработке удобнее следить там.

Несколько интересных возможностей Chrome DevTools, о которых вы могли не знать: https://bit.ly/33dxhg4

Например, на видео показано, как можно делать скриншот прямо из инструментов разработчика. В статье — ещё 9 советов.

#фронтенд #инструменты

Фильтрация на клиенте

Предположим, перед вами стоит задача отсортировать какие-то данные на стороне клиента. Чем вы для этого воспользуетесь? Обычным CSS, jQuery или React? А есть ли вообще разница?

Разбираемся: https://tprg.ru/J68g

#фронтенд #css #jquery #react

Бесплатный интерактивный курс по JavaScript, который с помощью интересных заданий познакомит с языком, начиная с основ и заканчивая более сложными штуками: https://www.flawwwless.com/app/catalog

#javascript

Чек-лист с вопросами безопасности, которые стоит учесть при проектировании, тестировании и релизе вашего API: https://github.com/shieldfy/API-Security-Checklist

#безопасность #api

Кэширование кода для JavaScript-разработчиков на примере Chrome

Для большинства разработчиков кэширование кода должно «просто работать». И работает это лучше всего, когда всё остаётся неизменным. Однако есть некоторые особенности кэширования, которые можно использовать для конкретного случая.

В этой статье даём несколько советов JS-разработчикам, которые хотят с помощью кэширования кода улучшить загрузку сайтов. Мы будем говорить о реализации кэширования в Chrome / V8, но большинство советов можно использовать и для кэширования кода других браузеров.

Читайте и применяйте на практике: https://tproger.ru/translations/javascript-code-caching-for-devs/

#javascript #chrome

Бесплатный чемпионат по программированию от Яндекса

Пройдёт по нескольким направлениям, в том числе по фронтенду и бэкенду: https://tproger.ru/events/programming-championship-yandex-2019/

Конкурс проходит в два этапа по несколько часов, в каждом из которых придётся решать задачи. Первый этап можно пройти в любое время с 14 по 20 октября, а второй пройдёт 26 октября.

Можно выиграть 300 000 ₽ и много других подарков от Яндекса.

#ивенты

В блоге докера их продакт ответил на популярные вопросы об использовании Docker и Kubernetes: https://www.docker.com/blog/top-questions-docker-kubernetes-competitors-or-together/

#devops #docker #kubernetes

Подборка из 15 актуальных CSS-библиотек: https://www.webdesignerdepot.com/2019/10/15-best-css-libraries-for-2019/

#фронтенд #css

Митап по Vue.js

17 октября в 18:30 пройдёт четвёртый бесплатный митап MSK VUE.JS.

Какие темы будут обсуждать:
— Vue Composition (Function) API;
— Как сколотить состояние на Vue;
— Запись аудио в браузерах.

Нужно просто зарегистрироваться: https://msk-vuejs.ru/events/ev4.html

#ивенты

Интерактивный сайт, на котором можно изучить популярность определённых размеров экрана девайсов: https://www.screensizemap.com/

Например, самый популярный размер сейчас — 360 x 640 dp, а на втором месте — 1366 x 768 dp. В закладки веб-дизайнеру.

#фронтенд #дизайн #инструменты

1 пост в день с самыми важными новостями IT сферы простым языком.

Ждём вас: @tprogerdaily

Специфика рендеринга Vue.js-приложений на сервере

Зачем приложению может понадобиться серверный рендеринг? Что ждёт фронтендера в таком случае? Насколько сложнее/легче тогда станет разработка? Какие инструменты помогут? На что обратить внимание при деплое?

Об этом рассказывает руководитель фронтендеров команды Delivery Club.

#фронтенд #vuejs

Митап по PHP

19 октября в 12:00 в Ульяновске пройдёт бесплатный Panda Meetup #28 Backend (PHP).

Всего на митапе с докладами выступит 5 спикеров, которые поделятся своим опытом, успешными кейсами, примерами внедрения и ошибками.

Что за темы:
— Асинхронность в PHP;
— Что делать, если у тебя 5 миллионов строчек в таблице;
— Трассировка и логирование в микросервисах;
— X-Cart: „X“ как значение неизвестности;
— Битрикс24: программирование через маленькие дырочки.

Нужна регистрация: https://tproger.ru/events/panda-meetup-28-php/

#ивенты

Большое руководство по работе с массивами в JavaScript

— как объявлять,
— как с ними работать,
— многомерные массивы,
— свойства и методы массивов.

Читайте и используйте как шпаргалку: https://tprg.ru/PLQ0

#javascript #шпаргалки

Хотите представить себя хакером в каком-нибудь голливудском фильме? Или просто нужно сделать видимость очень важной работы?

Тогда вам подойдёт вот этот футуристичный терминал.

Инструкция по установке и подробности разработки: https://github.com/GitSquared/edex-ui

#бэкенд #консоль #кек

Увлекательная игра для изучения CSS Grid: https://www.outpan.com/app/adaa79d5fc/css-grid-garden

В ней вам нужно будет выращивать морковку: поливать её и спасать от сорняков. Попутно и выучите, как работать с CSS Grid.

#фронтенд #css

Почему во фронтенде так много разных фреймворков? Что способствует появлению новых? По каким критериям выбирать те или иные технологии в крупных проектах? Какой стек технологий обеспечит надежность и хорошую производительность приложения и при этом не сильно устареет с течением времени?

Читайте мнение техлида фронтендеров: https://dou.ua/lenta/articles/front-end-stack-variability/

А вы что думаете по этому поводу?

#фронтенд

Обзор HTTP-клиентов на Python и сравнение их производительности: https://julien.danjou.info/python-and-fast-http-clients/

#python #api

Огромный курс по React из 27 больших статей: https://tprg.ru/0Mal

Добавляйте в закладки и изучайте.

#фронтенд #react