DНЕВНИК web-программиста
2.58K subscribers
214 photos
14 files
560 links
Авторский канал о том, как стать программистом, когда вы даже не знаете, что это.
Много интересного и для других сфер - планирование, самоконтроль, различные лайфхаки и т.д.
Задачи @tasks_frontend
Обратная связь @WpdFeedbackBot
Сотрудничество @rezvanini
Download Telegram
Очередная дорожная карта веб-разработчика на 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

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

#план
HTML. Где должен располагаться элемент <figcaption>?
Anonymous Poll
12%
Внутри <picture>
76%
Внутри <figure>
11%
Внутри <img>
🏆🏆🏆 Чемпионат по программированию!!!🥇🥈🥉

Чемпионат по программированию — это открытые соревнования по фронтенд- и бэкенд-разработке, аналитике данных и машинному обучению, которые организует Яндекс. В каждом направлении два онлайн-раунда и три денежных приза:

💵Денежные призы 💵
I место — 300 тысяч рублей
II место — 150 тысяч рублей
III место — 100 тысяч рублей

🥁Специальные призы🥁
Яндекс.Станция
Футболки
Сертификаты

Чтобы принять участие в соревновании, регистрируйтесь на сайте:
👉 https://yandex.ru/championship 👈
📚"JavaScript для профессионалов. Резиг Джон , Фергюсон Расс , Пакстон Джон"
2-e издание.
Скачать
#book
В нашем чате недавно обсуждали z-index.
Вот статья - "4 причины, почему у вас не работает z-index"
#css