DНЕВНИК web-программиста
2.58K subscribers
214 photos
14 files
560 links
Авторский канал о том, как стать программистом, когда вы даже не знаете, что это.
Много интересного и для других сфер - планирование, самоконтроль, различные лайфхаки и т.д.
Задачи @tasks_frontend
Обратная связь @WpdFeedbackBot
Сотрудничество @rezvanini
Download Telegram
Правильный ответ - 2
При вызове функции f с ключевым словом new будет создан новый объект.
this.x =2 будет на него ссылаться, а вот далее идет самовызывающаяся функция, в которой this.x =1 ссылается на глобальный объект
Всем привет! 🖖
Что-то вчера пол дня буксовал на теме Атрибуты и DOM-свойства
Плюс не сразу просек, что .getElementsByTagName и get.ElementsByClassname - это коллекции, в отличии от .getElementById
Из-за этого 2!!! часа не мог понять почему у меня половина примеров не работала((( 🤯
Так что обратите на это внимание, плюс вот это видео посмотрел, помогло разобраться.
зы Все руки не дойдут накидать план учебы для DOM. Постараюсь в ближайшее время.
Всем удачи! 👊
Приветствую всех. 🖖
Продолжаю изучать DOM, а заодно решать задачи. Хочу поделиться разбором старенькой задачки:

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

Попробуйте решить, а потом почитайте подробный разбор этой задачи
#задача
HTML. Какой тег существует?
Anonymous Poll
13%
<color>
33%
<code>
35%
<quote>
19%
<pr>
Правильный ответ - code

Тег code предназначен для отображения одной или нескольких строк текста, который представляет собой программный код. Сюда относятся имена переменных, ключевые 
#задача
Нашел интересную статью-шпаргалку
Что нужно знать про массивы в JavaScript.
Конечно, про методы массива можно почитать и на Mozzila, но мне статья понравилась, рекомендую.
зы Два дня не занимался - личная трагедия выбила из колеи. Теперь совесть мучит, тк одно из правил в моей системе обучения - обязательные занятия каждый день.
#js
Тест.
Нашел интересный тест по javascript. Состоит из 14 мини-вопросов в основном на знание области видимости, функциональных выражений и определения переменных и функций. Думаю, будет интересен тем, кто изучает js или даже уже считает себя знатоком 🤖
ps Результатами можно поделиться в чате
#задача
Очередная дорожная карта веб-разработчика на 2019год. Ну, нравится мне эта страшная для новичка картинка 🤣🤣🤣
#js
#задача javascript object
Что будет выведено в console.log?
Верный ответ:
Anonymous Poll
33%
Alex
60%
Kate
7%
dataUser is not defined
Правильный ответ - Alex.

В качестве аргумента в функцию мы передаем не объект, а ссылку на объект (dataUser). Поэтому при выполнении функции будет создан новый объект, который мы присваиваем (=) для этой ссылки. Естественно, он виден только внутри функции.
А вне функции эта ссылка продолжает указывать на наш исходный объект, поэтому выведется Alex
Постоянно пользуюсь console.log
Вчера понял, что я не использую весь функционал, поэтому хочу поделиться статьей - Использование JavaScript-консоли в браузерах
#js
Наткнулся на перевод официальной документации Typescript на русский.
Скоро придется осваивать, поэтому решил поделиться в канале.
#typescript
Приветствую 🖖
В первую очередь хочу сказать СПАСИБО тем, кто пишет в личку с отзывами о моем канале. Особенно тем, кто еще и подкидывает интересные идеи или материалы. 👍👍👍

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

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

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

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

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

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

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

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

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

#план