Требует жертв красота... и Internet Explorer

​CSS Flexbox в гифках

Устали бороться с выравниванием элементов? CSS Flexbox поможет играючи справиться с вёрсткой сложных гибких макетов.

О том, как работает Flexbox, вы сможете узнать из нашего гайда с понятными анимированными примерами:

https://tprg.ru/sKnt

#фронтенд #css

Все дороги ведут в Москву! Или нет?

Пандемия повлияла на отношение к удалёнке — кто только об этом не писал. И на нас она повлияла тоже. Наша команда частично работает удалённо, а частично в офисе Москве. В связи с пандемией на удалёнку пришлось перейти всем и, конечно, мы очень надеемся, что в следующем году все наладится.

Однако мнения в команде относительно удобства удалёнки и офиса разделились, и нам стало интересно, а что вы думаете? Опрос получился замороченным, но зато покрывает все варианты, а если вашего варианта всё-таки нет — пишите в комменты.

​7 советов по обработке undefined в JavaScript

Начинающих frontend-разработчиков undefined может поставить в тупик, ведь на первый взгляд непонятно зачем он нужен, когда есть null. Да и при сравнении undefined == null вернётся true. Давайте разбираться!

В нашей обновлённой статье мы подробно рассматриваем как работает undefined и как с ним себя вести:

https://tprg.ru/1hiZ

#фронтенд #javascript

Zen of Python — новый канал от Tproger, где мы будем собирать лучшие материалы по Python и рассказывать про его применение для решения прикладных задач.

Полный Дзен Пайтона в одном канале: @zen_of_python

А если её нет, то можно сказать, что собака съела

​Режимы наложения в CSS

Современные возможности CSS позволяют создавать действительно красивые и стильные сайты.

Посмотрите, как можно при помощи нескольких строк создать привлекательный внешний вид, используя статичные или анимированные наложения:

https://tprg.ru/SziF

#фронтенд #css

​История создания поисковика Pick и примеры кода

Поисковик — это не одна страница с полем для ввода запроса и надписью «Яндекс» или «Google», как до сих пор думают некоторые люди, далёкие от IT. Это сложный продукт, который упростил жизнь миллиардам людей.

Автор нашей статьи рассказывает и, что особенно интересно, показывает, как он создал свой собственный поисковик:

https://tprg.ru/a4hz

#бэкенд

​11 древних сайтов, которые до сих пор активны

Немногие помнят, как ещё лет 20-25 назад выглядели сайты. Они были ограничены технологиями своего времени и выглядели, мягко говоря, не очень.

В этой статье собраны 11 таких сайтов, которые продолжают работать, и сегодня у вас есть возможность переместиться в прошлое и посмотреть свежим взглядом, каким был интернет во времена dial-up:

https://tprg.ru/icnG

Точка входа в программирование — наш новый канал, в котором будем делиться лучшими материалами по основам программирования.

Кому подойдёт канал?
— тем, кто только стартует в разработке;
— тем, кто ещё не выбрал направление;
— тем, кто хочет подтянуть базовые знания по какой-то отдельной теме.

Подключайтесь: @prog_point

Стоит добавить JS и начнётся революция

Если не знаете, чем занять себя на выходных — подготовили для вас подборку полезных статей. В ней вы узнаете:

— как настроить сервер для сайта: https://tprg.ru/Dy7L

— что нужно знать начинающему бэкенд-разработчику, кроме языка программирования: https://tprg.ru/ohzM

— как написать своё первое веб-приложение: https://tprg.ru/lhe6

— какие ошибки чаще всего совершают джуны, использующие React: https://tprg.ru/KqWV

— что из себя представляет работа фронтенд-разработчика на самом деле: https://tprg.ru/yXfe

— что вы сможете сделать во фронтенде через год, занимаясь ежедневно по два часа: https://tprg.ru/bWB8

— топ 5 JS-библиотек для бизнес приложений: https://tprg.ru/X21m

— как правильно настроить размер области клика на сайте: https://tprg.ru/J8Vr

— как написать слайдер на JavaScript: https://tprg.ru/WBAc

​В нашем канале «Типичный программист» стартовал новый раунд баттла языков программирования! Сегодня у вас есть возможность поддержать ваш любимый ЯП.

Стартует 6 раунд баттла ЯП: сегодня за вашу любовь соревнуются SQL с JS и Python C#

Вчера победу одержали Swift и C++. С чем и поздравляем любителей этих языков. А мы двигаемся дальше.

Сегодня мы выберем самый любимый язык между SQL и JS, Python и C#. Напоминаем, что выбираем максимально субъективно. Так что смело голосуйте за тот язык, что больше нравится вам:

https://tprg.ru/W5KX

Голосование закончится 20 декабря в 11:00 по московскому времени. Следить за всеми постами чемпионата можно по тегу #toplang2020 или в боте: https://xn--r1a.website/tproger_official_bot/?start=toplang2020

Спрятанные подарки

В предверии Нового года на CodePen начали появляться интересные тематические проекты. Сегодня хотим предложить вам ознакомиться с одним из них. Это мини-игра с приятной графикой и звуковым сопровождением, где вам нужно найти спрятанные подарки.

Пройти её или изучить код можно на странице проекта:

https://tprg.ru/wVo9

#фронтенд

​Как вывести свой сайт в зелёную зону PageSpeed Insights

Сверстать сайт — это только половина дела. Ведь он должен не только обладать приятным внешним видом и современными элементами, но и быстро загружаться.

Проверить скорость загрузки можно с помощью различных инструментов. Один из них — PageSpeed Insight. А как с помощью него достигнуть оптимальной скорости и попасть в зелёную зону — расскажут эксперты в нашей статье:

https://tprg.ru/biqA

#фронтенд #бэкенд

Хинт для программистов: кроме Веб-страницы у нас ещё есть 3 канала, где можно получать отборную инфу по конкретной теме.

Каждый найдёт что-нибудь для себя:
— основы программирования: @prog_point
— мобильная разработка: @mobi_dev
— разработка на Python: @zen_of_python

​Любой проект на микросервисной архитектуре: слабая связность, устойчивость к сбоям

Мой проект:

​Оптимизация изображений в соответствии с ограничениями сети и устройств в React

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

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

https://tprg.ru/OlBz

#фронтенд #react

CSS Scroll Snap

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

О том, как им воспользоваться и настроить — читайте у нас на сайте:

https://tprg.ru/mY9z

#фронтенд #css