Стрим по основам JavaScript (часть 3).

Через 10 минут начинаем.

Ссылка на стрим - https://youtu.be/WjNrk0Er9_Y

Программирование это:
- 1% писать кода
- 40% дебаггинг
- 15% пить кофе
- 30% гуглить ответы
- 9% пялиться с коллегами на экран
- 5% копировать/вставлять код с StackOverflow

​​#JS

Запись стрима по JavaScript (часть 3)

Я рассказал о:
- цикле for;
- операторе switch;
- операторе прерывания break;
- операторе для перехода к следующей итерации continue;
- функциях, зачем они и как с ними работать;

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

Так же были технические проблемы на протяжении всего стрима:
- В начале, я не слышал собседника
- Позже, почему-то, запись шла не с того микрофона (да, да, я купил микрофон 😁)
- В конце, вообще, у собеседника пропал звук на стриме (даже не заметил этого)

Я надеюсь материал будет понятен для вас. В следующий раз, постараюсь исправить эти неполадки.

‼️Теперь важные сообщения.

1) Я задавал уже два ДЗ по верстке. Тем, кто уже подтянул знания в HTML и CSS, предлагаю их сделать и выложить код на GitHub. По каждому ДЗ, я даю развернутую обратную связь, в комментариях. Помните, что главное в изучении программирования это - практика. Без нее, вы так ничего и не поймете. (ДЗ 1, ДЗ 2)

2) Если вам зашел новый формат, то предлагаю собрать группу людей, которые хотят присутствовать на стриме, в скайпе. Вы сможете задавать мне свои вопросы вживую, не только в чате. Такой формат общения оживит трансляцию. Кто желает, пишите в чат группы.

3) Если вам нравиться, то что я делаю, подпишитесь на Youtube-канал и поставьте лайк новому уроку по JS 😊

По традиции прикладываю конспект и ссылку на запись стрима.

Слишком крутой программист

#Развитие

Сегодня мы разгрузим вашу "оперативную память".

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

Что это такое и зачем они нужны, я расскажу вам в своей статье.

#Развитие

Пора узнать, что такое HTTP-протокол.

HTTP — это протокол связи, используемый для просмотра веб-страниц. На оcнове него, браузер может обмениваться данными с сервером.

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

Наглядное объяснение, что такое ошибка на единицу

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

- Стрим по основам JavaScript (часть 3)
- Что такое псевдоклассы?
- Что такое псевдоэлементы?
- Блок-схемы и зачем они нужны?
- HTTP-протокол или как общается браузер с сервером?

‼️ Напоминаю про ДЗ, по основам верстки (ДЗ_1, ДЗ_2).

В данном обучении, практика важна больше, чем теория.

Строение мобильной верстки

Всего лишь один маленький баг

#Верстка

Очень полезная информация, для тех кому нравиться верстать.

Не знаю почему HTML Academy решила выпустить эту информацию именно в Instagram.

Но, на всякий случай, дам ссылку на источник и продублирую пост тут.

«Префиксы — это приставки.

Если посмотреть на стили какого-нибудь сайта, можно столкнуться со свойствами, содержащими впереди непонятные слова: -webkit, -moz, -ms.

Эти слова являются префиксами следующих браузеров:
– webkit-: браузеры Chrome, Safari, Opera;
– -moz-: браузер Mozilla Firefox;
– -ms-: браузер Internet Explorer.

То есть, если вы видите перед свойством один из этих префиксов, это означает, что это свойство будет работать только в указанном браузере. Все остальные браузеры данное свойство будут игнорировать.

Для появления префиксов было несколько причин:
– Для кроссбраузерности
– Для создания CSS-свойств, которые не входят в стандарт
– Для включения в браузер экспериментальных свойств, которые могут быть или уже есть, но ещё никем не внедрены в браузер, в стандарте. После проведение эксперимента браузерные вендоры предлагают свои свойства в стандарт.

Префиксы могут быть как у свойств, так и у значений:
display: -ms-grid;
display: grid;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

Упоминание префикса говорит о том, в каком браузерном движке оно будет применено: webkit, gecko(-moz), trident(-ms).

Для правильного применения свойств с префиксами сначала нужно указать свойство с префиксом, а после без префикса:
webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

Всё дело в том, что браузер применяет свойства сверху вниз. Если браузер понимает свойство с префиксом и без, то применится, то последнее в списке.

Не занимайтесь добавлением префиксов вручную. Для этого есть онлайн-сервис или есть пакеты для автоматизации: для gulp и webpack.

Укажите в настройках браузеры, которые поддерживаются в вашем проекте с помощью Browserlist. В этом случае будут подставляться только нужные префиксы, а не все возможные.»

​​Ожидания: «Если у меня будет больше времени, то я сделаю больше»

Реальность: