DНЕВНИК web-программиста

​JavaScript. Этап 3.2. (DOM)

Анализ предыдущего этапа моего обучения можно прочесть тут 👈

На изучение этапа 3.2. (DOM) планирую посвятить 6 недель, но есть сомнения, что успею. Так что, скорее всего, будет корректировка.

Итак, План выглядит следующим образом:

Основой вновь будет выступать наш учебник, часть 2:
- Документ и объекты страницы
- Основы работы с событиями
- События в деталях
- Формы, элементы управления
- Создание графических компонентов

Так же рекомендую видео, которые помогут вам, тк по учебнику (лично мне), не сразу все понятно.
- DOM введение
- DOM свойства, атрибуты и работа со стилями

Обязательно!!! плейлист - практика javascript
Эта серия коротких видео, в которой многие моменты становятся понятными и появляется понимание практического применения javascript в DOM

зы Очень много информации в интернете, но, к сожалению, мало годной. Буду обновлять этот план, если в процессе обучения будет встречаться что-то хорошее. Если Вы что-то встречали достойное, на Ваш взгляд - присылайте мне в личку или кидайте в наш чат👈

#план

Приветствую 🖖
В первую очередь хочу сказать СПАСИБО тем, кто пишет в личку с отзывами о моем канале. Особенно тем, кто еще и подкидывает интересные идеи или материалы. 👍👍👍

Сегодня таким материалом и хочу поделиться. Это русскоязычный сборник задач с автоматической системой проверки JavaScript решений.

Установка очень простая, но нужно знать 3 базовые команды, чтобы скопировать Git-репозитарий. Если кто еще не в курсе - выше я выкладывал материалы, по которым освоил базовые навыки за пол дня - https://t.me/WebProgrammerDiary/206
#задача

Наткнулся на перевод официальной документации Typescript на русский.
Скоро придется осваивать, поэтому решил поделиться в канале.
#typescript

Постоянно пользуюсь console.log
Вчера понял, что я не использую весь функционал, поэтому хочу поделиться статьей - Использование JavaScript-консоли в браузерах
#js

✅ Правильный ответ - Alex.

В качестве аргумента в функцию мы передаем не объект, а ссылку на объект (dataUser). Поэтому при выполнении функции будет создан новый объект, который мы присваиваем (=) для этой ссылки. Естественно, он виден только внутри функции.
А вне функции эта ссылка продолжает указывать на наш исходный объект, поэтому выведется Alex

​#задача javascript object
Что будет выведено в console.log?

Vue.js
#js

Для тех, кто уже немного разбирается в JS - Web звонилка, за час
#js

Очередная дорожная карта веб-разработчика на 2019год. Ну, нравится мне эта страшная для новичка картинка 🤣🤣🤣
#js

Тест.
Нашел интересный тест по javascript. Состоит из 14 мини-вопросов в основном на знание области видимости, функциональных выражений и определения переменных и функций. Думаю, будет интересен тем, кто изучает js или даже уже считает себя знатоком 🤖
ps Результатами можно поделиться в чате
#задача

Нашел интересную статью-шпаргалку
Что нужно знать про массивы в JavaScript.
Конечно, про методы массива можно почитать и на Mozzila, но мне статья понравилась, рекомендую.
зы Два дня не занимался - личная трагедия выбила из колеи. Теперь совесть мучит, тк одно из правил в моей системе обучения - обязательные занятия каждый день.
#js

✅ Правильный ответ - code

Тег code предназначен для отображения одной или нескольких строк текста, который представляет собой программный код. Сюда относятся имена переменных, ключевые 
#задача

Приветствую всех. 🖖
Продолжаю изучать DOM, а заодно решать задачи. Хочу поделиться разбором старенькой задачки:

У нас есть 12 монет, среди которых 1 фальшивая (она легче или тяжелее оригинальных, точно не известно). Что бы ее найти у нас есть 3 попытки и рычажные весы.

Попробуйте решить, а потом почитайте подробный разбор этой задачи
#задача

https://m.habr.com/ru/post/447074/
#js

Всем привет! 🖖
Что-то вчера пол дня буксовал на теме Атрибуты и DOM-свойства
Плюс не сразу просек, что .getElementsByTagName и get.ElementsByClassname - это коллекции, в отличии от .getElementById
Из-за этого 2!!! часа не мог понять почему у меня половина примеров не работала((( 🤯
Так что обратите на это внимание, плюс вот это видео посмотрел, помогло разобраться.
зы Все руки не дойдут накидать план учебы для DOM. Постараюсь в ближайшее время.
Всем удачи! 👊

✅ Правильный ответ - 2
При вызове функции f с ключевым словом new будет создан новый объект.
this.x =2 будет на него ссылаться, а вот далее идет самовызывающаяся функция, в которой this.x =1 ссылается на глобальный объект