Size: a a a

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

2019 July 16
DНЕВНИК web-программиста
Памятка по современному JavaScript

Не плохая подборка, да ещё и на русском.

#js
источник
DНЕВНИК web-программиста
​✅ Task4.

Необходимо создать UserCard - куда будут добавлять вошедшие в чат пользователи и удаляться вышедшие. Т.е. видим кто из пользователей онлайн.
З.Ы. Осталось несколько шагов до бета-версии моего чата!!

🚀Поехали🚀

#диплом
источник
2019 July 17
DНЕВНИК web-программиста
Какой будет результат у данного кода?
[..."Alex"];
Анонимный опрос
45%
["A", "l", "e", "x"]
30%
["Alex"]
17%
[[], "Alex"]
8%
[["A", "l", "e", "x"]]
Проголосовало: 460
источник
2019 July 18
DНЕВНИК web-программиста
Правильный ответ:

["A", "l", "e", "x"]
Строка является итерируемой сущностью. Оператор распространения преобразовывает каждый символ в отдельный элемент.

#задача
источник
DНЕВНИК web-программиста
​✅ Task5.

Осталось совсем немного, что бы базовый функционал чата заработал.

5.1. Создаём в базе новую ветку chats в которой будут храниться сообщения пользователей.
Структуру всех веток базы прикреплю к этому сообщению, что бы вам было наглядно.

5.2. Создаем в разметке работу с сообщениями. Добавляем нужные компоненты и "прикручиваем" функционал для добавления сообщений из базы в DOM компоненты.
При этом, сообщение сначала отправляется пользователем в RealTime DataBase, потом мы его отправляем в локальную базу и уже из нее рендерим в DOM.
После этого уже будет рабочий чат. Если будет время - попробую снять видео по этим 5 этапам или хотя бы показать результат и выложить код. Кому это интересно - ставим 👍

🚀Поехали🚀

#диплом
источник
2019 July 20
DНЕВНИК web-программиста
источник
2019 July 22
DНЕВНИК web-программиста
CSS - 7 советов по оптимизации

https://habr.com/ru/post/459878/

#css
источник
DНЕВНИК web-программиста
Всё в JavaScript это
Анонимный опрос
41%
А: примитив или объект
19%
B: функция или объект
35%
C: вопрос с подвохом! только объекты
5%
D: массив или объект
Проголосовало: 587
источник
2019 July 23
DНЕВНИК web-программиста
Ответ: А
В JavaScript есть только примитивы и объекты.

Типы примитивов: boolean, null, undefined, bigint, number, string, и symbol.
Отличием примитива от объекта является то, что примитивы не имеют свойств или методов. Тем не менее, 'foo'.toUpperCase() преобразуется в 'FOO' и не вызывает TypeError. Это происходит потому, что при попытке получения свойства или метода у примитива (например, строки), JavaScript неявно обернет примитив объектом, используя один из классов-оберток (например, String), а затем сразу же уничтожит обертку после вычисления выражения. Все примитивы кроме null и undefined ведут себя таким образом.

#задача
источник
2019 July 25
DНЕВНИК web-программиста
источник
2019 July 29
DНЕВНИК web-программиста
5 заповедей TypeScript-разработчика

https://habr.com/ru/post/461565/

#typescript
источник
DНЕВНИК web-программиста
​JavaScript

Что будет выведено в консоль?

#задача
источник
DНЕВНИК web-программиста
Ваш ответ:
Анонимный опрос
14%
A: [1, 2, 3, 7 x null, 11]
23%
B: [1, 2, 3, 11]
44%
C: [1, 2, 3, 7 x empty, 11]
20%
D: SyntaxError
Проголосовало: 576
источник
2019 July 30
DНЕВНИК web-программиста
Ответ: C

Когда в массив добавляется значение, которое выходит за пределы длины массива, JavaScript создает так называемые "пустые ячейки". На самом деле они имеют значения undefined, но в консоли выводятся так:

[1, 2, 3, 7 x empty, 11]

в зависимости от окружения (может отличаться для браузеров, Node, и т.д.).
источник
2019 August 01
DНЕВНИК web-программиста
Коллеги, хочу поделиться хорошей новостью - вчера автор наконец обновил самый популярный учебник по JS на русском языке - https://learn.javascript.ru/

#js
источник
2019 August 04
DНЕВНИК web-программиста
​​✅ Task6.

Создать функцию для регистрации новых пользователей.
Обязательно проверку на уникальность nickName(он же login). Для этого создаём локальную базу пользователей (берём ее из realtimeDatabase) и с ней сверяемся.
Подобную проверку прикрутить к нашей функции на обычный вход пользователей (там проверка соответствия логина и пароля.

🚀Поехали🚀

#диплом
источник
2019 August 05
DНЕВНИК web-программиста
Интересная статья по CSS

https://medium.com/web-standards/logical-css-props-c5046c563640

#css
источник
2019 August 07
DНЕВНИК web-программиста
источник
2019 August 08
DНЕВНИК web-программиста
JavaScript

Что будет выведено в консоль?

#задача
источник
DНЕВНИК web-программиста
Ваш ответ:
Анонимный опрос
39%
A: p div
24%
B: div p
13%
C: p
6%
D: div
18%
E:  Кликни меня!
Проголосовало: 712
источник