#Развитие

Что происходит, когда вы заходите на сайт?

Я подумал, что пора подготавливать вас к backend-разработке. Для этого, вам стоит понять, как браузер получает html-страницу и что в процессе ее получения происходит.

Вот вам статья, в которой я постарался просто и понятно расписать, как этот процесс происходит.

Чат группы

Мало кто знает, но у нас есть чат. Там вы можете задавать мне вопросы или помогать другим ребятам.

Функционал чата:
– Если у вас что-то не получается, задавайте вопросы там (даже если они кажуться вам тупыми 😁)
– Помогать другим ребятам, отвечая на их вопросы
– Обсуждать какие-то темы

Иконки Favicon научились использовать в качестве Supercookies

Сохраненные данные в таком cookie останутся, даже если почистить кэш браузера. Такой способ описал немецкий разработчик в своём GitHub.

Здесь можно почитать краткое описание алгоритма:
https://tprg.ru/hDX2

#CSS

Scroll Snap - это свойство, с помощью которого можно легко создавать слайдеры.

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

Крайне не рекомендую создавать слайдеры на его основе.

Как его использовать
Почему не стоит так делать

​​Когда не смог исправить баг над которым сидел всю ночь:

Для тех, кто пропустил, что такое Clubhouse

https://wylsa.com/?p=125957

Мои контакты в Clubhouse - sergeybr94

А теперь, дайджест за неделю:

– CSS. Что такое префиксы и зачем они
– Что происходит, когда вы заходите на сайт?
– Supercookie, который сложно удалить
– CSS. Scroll Snap. Как с помощью него создать слайдер и почему не стоит этого делать.
– Для тех, кто хочет пообщаться со мной в Clubhouse

​​«Лучший способ выучить язык это поговорить с его носителем»

Программисты на Pascal:

#Мотивация

Я знаю много историй от знакомых, которые хотели стать программистом, но в самом начале увязли в дебрях программирования и бросили обучение. Чтобы вам не повторить ту же историю, я начинаю цикл статей, где буду рассказывать:

– Зачем вам нужно изучать программирование
– Почему эту профессию стоит попробовать каждому
– Дам базовые понятие, на какие типы делятся программисты
– С чего стоит начать
– Покажу план действий
– Как не потерять мотивацию при обучении
– Буду давать ссылки на бесплатные курсы
– Расскажу о своем личном опыте

📃Статья

P.S. Эта статья одна из причин почему, последнее время нет стримов и полезной информации. Я три раза переписывал ее с нуля и подготовил еще две.

Мне будет приятно, если вы ее прочитаете и оставите свое мнение в комментариях.

#Рекомендация

HTML Academy, запускают бесплатный марафон по вёрстке.

Кто хотел подтянуть свои знания в HTML и CSS, сверстать свой первый макет и узнать как выкладывать его в интернет, прошу пожаловать.

Марафон начинается с 1 марта и продлится 3 недели.

t.me/joinchat/SohClV1eVFg13f_B

Жидкость в CSS

#Практика

Для того чтобы стать программистом, нужно постоянно практиковаться и ходить по собеседованиям. Почти на каждом собеседовании, вам будут давать тестовые задания.

Чтобы не завалить собеседование и потренироваться, ловите список из 5 тестовых заданий для Junior Frontend-программиста.

#CSS

CSS чаще всего используется для стилизации элементов в HTML. Мало кто знает, что в нем же, есть очень полезная функция calc.

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

Все, что вы хотите узнать о функции calc и как ее применять на практике, уже расписала, в своем блоге, компания RU VDS.

#Верстка #HTML

В верстке существует один из подходов, который называется семантический. Давайте разберемся что такое семантика (предназначение) в HTML.

Для каждого тега придумано предназначение, для каких целей стоит его использовать. Такой подход повышает читабельность кода, как для разработчика, так и для поисковых ботов, которые индексируют вашу страницу, чтобы можно было ее найти в поиске (например в Google или Яндекс).

Из чего такой подход устроен и зачем его придумали, можно узнать из этой статьи.

Дайджест за неделю:

– Как стать программистом (часть 1)
– Бесплатный марафон по HTML и CSS от HTML Academy
– Тестовые задания по JS, для Junior программиста
– Функция calc в CSS
– Семантика в HTML

#Мотивация

Сегодня мы рассмотрим главную проблему, при обучении программированию – потеря мотивации.

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

📃Статья

P.S. Мне будет приятно, если вы прочитаете и расскажете в комментариях, помогли ли вам методы поднятия мотивации?

Ну что ж, пора начинать марафон!

Первая неделя даётся на прохождение интерактивных тренажёров в этой программе — https://tml.io/0n8lo

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

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

Мы сделали чат с участниками марафона, чтобы вы могли общаться и задавать свои вопросы. Присоединяйтесь — https://t.me/joinchat/wBEpvdfKIKRlYzYy

Если вы хотите поучаствовать в розыгрыше бесплатного места на «HTML и CSS. Профессиональная вёрстка сайтов», до 7 марта опубликуйте в любой своей соцсети отчёт о проделанной работе: расскажите, почему решили участвовать в марафоне, что получилось, какие были трудности. Под этим постом оставьте ссылку на ваш отчёт и добавьте свой ID профиля на нашем сайте.

Удачи! Следующее сообщение появится в четверг.

P.S. Если вы форму для доступа к тренажёрам заполняли, а его нет — напишите об этом в чате. Если же форму заполнить не успели, к сожалению, уже этого сделать нельзя.