WebDEV

Выберите правильный вариант 👇🏼 #test #js

Большая конференция для JavaScript-разработчиков #HolyJS 2020 Moscow уже 25–28 ноября, Online. Технические доклады от спикеров со всего мира о стремительно развивающейся экосистеме JavaScript, свежих инструментах, фреймворках и паттернах. А также интервью с экспертами, воркшопы, нетворкинг и дискуссионные зоны для лютых холиваров. В программе: — Павел Малышев заглянет под капот SvelteJS, чтобы разобраться, действительно ли это радикально новый подход и при чем тут «кибернетическое улучшение» веб-приложений. — Николо Рибаудо, один из ключевых разработчиков Babel, расскажет про альтернативный способ использования Babel и покажет, как можно эффективно использовать API Babel для рефакторинга сотен файлов. — Теодор Вориллас покажет, как создать робота для тестирования физических мобильных устройств, и представит идеи о будущем сочетания IoT, JavaScript и широко используемых веб-технологий. Программа и билеты со скидкой по промокоду webdev2020JRGpc : https://bit.ly/36ZV9ZN

📑 Объектно-ориентированный JavaScript: наследование Это продолжение серии статей об объектно-ориентированном JavaScript, в данной статье рассматриваем наследование. Представьте, вы получили заказ на создание небольшой онлайн игры. Всё что от вас требуется — создать понятный API для работы с персонажами. Техническое задание выглядит следующим образом: Вы также можете ознакомиться с предыдущими статьями: Примитивы и объекты | Работа с объектами | Функции-конструкторы | Прототипы |Немного практики. #статьи #js

🔥 Лучшее на канале за неделю 1. Создание favicon для сайта 2020. 2. DarkModeJS — сверхлегкая и кроссбраузерная библиотека JS, которая поможет вам реализовать темные и светлые темы. 3. Современные и эффективные CSS-раскладки.

💡 Современные и эффективные CSS-раскладки Часть 1 В данной серии советов мы рассмотрим эффективные строки CSS-кода, которые выполняют серьезную работу и помогают создавать надёжную современную разметку. Суперцентрирование: place-items: center В первом примере "однострочной" раскладки давайте решим самую главную загадку во всём CSS: центрирование. Хочу, чтобы вы знали, что 'place-items: center' это проще, чем кажется. Сначала задайте родительскому элементу свойству display со значением grid, а затем для него же place-items: center. Свойство place-items это краткая форма записи для align-items и justify-items, с помощью которого мы устанавливаем оба эти свойства в значение center.

.parent {
  display: grid;
  place-items: center;
}

Данный способ приводит к идеальному центрированию содержимого внутри родителя, независимо от его размера. Продолжение следует... #советы #coding #css

🛠 React Nice Dates — datepicker для React с удобным сенсорным управлением и красивым дизайном. Библиотека полностью модульная и состоит из отдельных компонентов и утилит, которые можно комбинировать и подбирать для создания идеального средства выбора даты для ваших нужд. #инструменты

📑 Объектно-ориентированный JavaScript: немного практики В прошлых статьях из этой серии мы рассмотрели основы работы с объектами, функции-конструкторы и прототипы. А, значит, настало время окончательно во всём разобраться и написать боевой пример — небольшую библиотеку для валидации данных. #статьи #js

Объяснение теста в чате @webb_chat

Выберите правильный вариант 👇🏼 #test #js

💡 Используйте [] вместо new Array() Этот совет годится и для массивов. Нормально

var a = new Array();  
a[0] = "Joe";  
a[1] = 'Plumber';  

Лучше

var a = ['Joe','Plumber'];  

«Распространенная ошибка в JavaSсript программах — использование объекта, где нужен массив или массива где нужен обьект. Простое правило: когда названия свойств это небольшие последовательные числа — используйте массив. В противном случае — объект» - Douglas Crockford #советы #coding #js

🛠 DarkModeJS — сверхлегкая и кроссбраузерная библиотека JS, которая поможет вам реализовать темные и светлые темы. Она определяет местное время пользователя и соответствующим образом переключает внешний вид пользовательского интерфейса. Кроме того, она весит всего 2,39 КБ (1,05 КБ в сжатом виде) и написана на чистом JavaScript, без каких-либо плагинов и jQuery. #инструменты #js

Выберите правильный вариант 👇🏼 #test

📑 Создание favicon для сайта 2020 Что такое favicon и для чего он нужен? Favicon – это значок (иконка), который отображается во вкладке браузера, закладках, а также в сниппетах результатов поиска. Favicon играет важную роль в веб-приложениях. Он может улучшить внешний вид сайта в выдаче, повышает узнаваемость вашего сайта, помогает пользователю быстро найти необходимую страницу в закладках и вкладках. #статьи

🔥 Лучшее на канале за неделю 1. Объектно-ориентированный JavaScript: функции-конструкторы. 2. CSS Layout — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц. 3. Self-Executing Functions.

Ребята, новички, которые всё еще никак не решатся начать свой путь в IT! Пора переходить от размышлений к действиям. 💪 12 октября для вас команда Лектрума проведёт открытые уроки 🔥 по вёрстке и JavaScript из курсов для начинающих. Цель проведения урока: ✅ Разберёмся в отличиях HTTP от HTTPS. Познакомимся с понятиями доменного имени и URL-адреса, узнаем для чего нужен DNS. ✅ Познакомимся с профессией программиста и узнаем какие задачи он решает. Узнаем, что такое скрипт. Познакомимся с топовым языком программирования — JavaScript. Выберем правильный редактор кода, который подойдёт как новичкам, так и прокачанным специалистам. ✅ Ответим на ваши вопросы. ✅ После открытого урока можно продолжить своё обучение в выбранном курсе. Регистрируйтесь по ссылке на урок, который вам подходит и в бой. 🚀 1️⃣ Открытый урок по вёрстке для начинающих ➡️ https://lectrum.link/5xrObL 2️⃣ Открытый урок по JavaScript для начинающих ➡️ https://lectrum.link/IV9zZB До встречи в онлайне! 🤗

💡 Self-Executing Functions Вместо вызова функции где-то еще это довольно просто заставить функцию вызывать себя автоматически на загрузке страницы. Просто оберните функцию в скобки и добавьте еще одни после для непосредственного вызова. (function doSomething() { return { name: 'jeff', lastName: 'way' }; })(); Это называется Immediately-Invoked Function Expression. Чаще используется для создания приватной области видимости. Подробнее на JavaScript Garden. #советы #coding #js

🛠 CSS Layout — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц. Существует также множество предварительно стилизованных элементов, таких как формы для ввода, виджеты и другие компоненты, которые вы можете быстро скопировать и использовать в своих проектах. #инструменты #css

📑 Объектно-ориентированный JavaScript: прототипы В прошлой статье мы начали рассматривать прототипы и выяснили, что каждый объект может использовать любые методы, которые находятся в функции-конструкторе, с помощью которой данный объект и был создан. Например, обычный массив сам по себе не имеет ни одного метода, но функция конструктор Array любезно предоставляет ему все методы из своего прототипа в использование. В этой статье подробно рассмотрим прототипы. #статьи #js