DНЕВНИК web-программиста
Очень часто, изучая теорию, я задаю себе вопрос - "а как это будет на практике"? Наткнулся на свежую статью, где прояснил некоторые моменты https://habr.com/ru/company/ruvds/blog/458496/ #js
Хабр
Практические рекомендации по разработке крупномасштабных React-приложений. Часть 2: управление состоянием, маршрутизация
Сегодня мы публикуем вторую часть перевода материала, который посвящён разработке крупномасштабных React-приложений. Здесь речь пойдёт об управлении состоянием приложений, о маршрутизации и о...
Если вас интересует IT-бизнес, уверен вы видели на youtube канал Точка G (https://www.youtube.com/channel/UC8NEikYv6nEVtW_eR4wLTtw/videos)
Там есть например интервью с интересным разработчиком https://youtu.be/6SMpBMg3_cI, владельцем большой веб-студии https://youtu.be/BRm2FKF3HHo, или крупнейшей криптобиржи https://youtu.be/YbwN1jJEB9U. Реально интервью уже более 100!
И кстати у автора, Олега Артишука, есть еще телеграм канал - @video4it
Рекомендую, подписывайтесь!
Там есть например интервью с интересным разработчиком https://youtu.be/6SMpBMg3_cI, владельцем большой веб-студии https://youtu.be/BRm2FKF3HHo, или крупнейшей криптобиржи https://youtu.be/YbwN1jJEB9U. Реально интервью уже более 100!
И кстати у автора, Олега Артишука, есть еще телеграм канал - @video4it
Рекомендую, подписывайтесь!
YouTube
Точка G // как зарабатывают в IT
Канал Олега Артишука.
Об IT-бизнесе, от тех кто в теме, для тех кто в теме.
По вопросам сотрудничества, только – oleg@artyshuk.com
Об IT-бизнесе, от тех кто в теме, для тех кто в теме.
По вопросам сотрудничества, только – oleg@artyshuk.com
✅ Task3.
Теперь на нашу ветку /presence поставить "прослушку". Т.е. когда будет заходить (выходить) новый пользователь, мы выводим (пока в console.log) сообщение. В нем указываем имя этого пользователя и сообщение, что он зашёл в чат (или вышел).
🚀Поехали🚀
#диплом
Теперь на нашу ветку /presence поставить "прослушку". Т.е. когда будет заходить (выходить) новый пользователь, мы выводим (пока в console.log) сообщение. В нем указываем имя этого пользователя и сообщение, что он зашёл в чат (или вышел).
🚀Поехали🚀
#диплом
Я раньше путался в использовании семантических тегов в HTML5 при разметке странице.
Поэтому, решил поделиться материалом на эту тему - "секреты использования семантической верстки в HTML5"
#html
Поэтому, решил поделиться материалом на эту тему - "секреты использования семантической верстки в HTML5"
#html
Medium
Секреты использования семантической верстки в HTML5
В этой статье вы узнаете как пользоваться семантической разметкой в HTML5 и как это делать правильно.
Наткнулся на интересную статью о CSS, рекомендую
https://habr.com/ru/company/oleg-bunin/blog/450824/
#css
https://habr.com/ru/company/oleg-bunin/blog/450824/
#css
Хабр
The state of CSS
В ежегодном опросе «The state of JavaScript» разработчики рассказывают о том, что они используют здесь и сейчас. Вопросы там знакомы и привычны фронтенд-сообществу. В 2019 году появился опрос «The...
✅ Task4.
Необходимо создать UserCard - куда будут добавлять вошедшие в чат пользователи и удаляться вышедшие. Т.е. видим кто из пользователей онлайн.
З.Ы. Осталось несколько шагов до бета-версии моего чата!!
🚀Поехали🚀
#диплом
Необходимо создать UserCard - куда будут добавлять вошедшие в чат пользователи и удаляться вышедшие. Т.е. видим кто из пользователей онлайн.
З.Ы. Осталось несколько шагов до бета-версии моего чата!!
🚀Поехали🚀
#диплом
Какой будет результат у данного кода?
[..."Alex"];
[..."Alex"];
Anonymous Poll
46%
["A", "l", "e", "x"]
30%
["Alex"]
17%
[[], "Alex"]
8%
[["A", "l", "e", "x"]]
✅ Правильный ответ:
["A", "l", "e", "x"]
Строка является итерируемой сущностью. Оператор распространения преобразовывает каждый символ в отдельный элемент.
#задача
["A", "l", "e", "x"]
Строка является итерируемой сущностью. Оператор распространения преобразовывает каждый символ в отдельный элемент.
#задача
✅ Task5.
Осталось совсем немного, что бы базовый функционал чата заработал.
5.1. Создаём в базе новую ветку chats в которой будут храниться сообщения пользователей.
Структуру всех веток базы прикреплю к этому сообщению, что бы вам было наглядно.
5.2. Создаем в разметке работу с сообщениями. Добавляем нужные компоненты и "прикручиваем" функционал для добавления сообщений из базы в DOM компоненты.
При этом, сообщение сначала отправляется пользователем в RealTime DataBase, потом мы его отправляем в локальную базу и уже из нее рендерим в DOM.
После этого уже будет рабочий чат. Если будет время - попробую снять видео по этим 5 этапам или хотя бы показать результат и выложить код. Кому это интересно - ставим 👍
🚀Поехали🚀
#диплом
Осталось совсем немного, что бы базовый функционал чата заработал.
5.1. Создаём в базе новую ветку chats в которой будут храниться сообщения пользователей.
Структуру всех веток базы прикреплю к этому сообщению, что бы вам было наглядно.
5.2. Создаем в разметке работу с сообщениями. Добавляем нужные компоненты и "прикручиваем" функционал для добавления сообщений из базы в DOM компоненты.
При этом, сообщение сначала отправляется пользователем в RealTime DataBase, потом мы его отправляем в локальную базу и уже из нее рендерим в DOM.
После этого уже будет рабочий чат. Если будет время - попробую снять видео по этим 5 этапам или хотя бы показать результат и выложить код. Кому это интересно - ставим 👍
🚀Поехали🚀
#диплом
Всё в JavaScript это
Anonymous Poll
41%
А: примитив или объект
19%
B: функция или объект
36%
C: вопрос с подвохом! только объекты
5%
D: массив или объект
Ответ: А
В JavaScript есть только примитивы и объекты.
Типы примитивов: boolean, null, undefined, bigint, number, string, и symbol.
Отличием примитива от объекта является то, что примитивы не имеют свойств или методов. Тем не менее, 'foo'.toUpperCase() преобразуется в 'FOO' и не вызывает TypeError. Это происходит потому, что при попытке получения свойства или метода у примитива (например, строки), JavaScript неявно обернет примитив объектом, используя один из классов-оберток (например, String), а затем сразу же уничтожит обертку после вычисления выражения. Все примитивы кроме null и undefined ведут себя таким образом.
#задача
В JavaScript есть только примитивы и объекты.
Типы примитивов: boolean, null, undefined, bigint, number, string, и symbol.
Отличием примитива от объекта является то, что примитивы не имеют свойств или методов. Тем не менее, 'foo'.toUpperCase() преобразуется в 'FOO' и не вызывает TypeError. Это происходит потому, что при попытке получения свойства или метода у примитива (например, строки), JavaScript неявно обернет примитив объектом, используя один из классов-оберток (например, String), а затем сразу же уничтожит обертку после вычисления выражения. Все примитивы кроме null и undefined ведут себя таким образом.
#задача
VS Code
https://habr.com/ru/company/ruvds/blog/460801/?utm_source=telegram&utm_medium=social&utm_campaign=27-udivitelnyh-instrumentov-vs-code-dlya
#soft
https://habr.com/ru/company/ruvds/blog/460801/?utm_source=telegram&utm_medium=social&utm_campaign=27-udivitelnyh-instrumentov-vs-code-dlya
#soft
Хабр
27 удивительных инструментов VS Code для современных JavaScript-разработчиков
Visual Studio Code (его ещё называют VS Code и VSCode) — это экономичный но мощный кросс-платформенный редактор кода, выполненный в виде настольного приложения. По словам автора материала, перевод...
Ваш ответ:
Anonymous Poll
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
Ответ: C
Когда в массив добавляется значение, которое выходит за пределы длины массива, JavaScript создает так называемые "пустые ячейки". На самом деле они имеют значения undefined, но в консоли выводятся так:
[1, 2, 3, 7 x empty, 11]
в зависимости от окружения (может отличаться для браузеров, Node, и т.д.).
Когда в массив добавляется значение, которое выходит за пределы длины массива, JavaScript создает так называемые "пустые ячейки". На самом деле они имеют значения undefined, но в консоли выводятся так:
[1, 2, 3, 7 x empty, 11]
в зависимости от окружения (может отличаться для браузеров, Node, и т.д.).