WebDEV
8.96K subscribers
2.21K photos
12 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
📖 Выразительный JavaScript. Современное веб-программирование
🖋 М. Хавербеке, 2019

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

💾 Скачать | 📚 Больше книг

#book #js
🛠 Hover.css — библиотека с набором CSS3-эффектов при наведении, применяемых к ссылкам, кнопкам, логотипам, SVG, изображениям. Легко применить к своим собственным элементам, изменить или просто использовать для вдохновения. Доступно в CSS, Sass и LESS.

Все эффекты Hover.css используют один элемент (с помощью некоторых псевдоэлементов, где это необходимо), поэтому вы можете легко копировать и вставлять их.

🔍 Демо | 📂 GitHub

#js #library
📖 Как устроен JavaScript
🖋 Д. Крокфорд, 2019

Автор книги начинает с основ: имен, чисел, логических значений, символов и другой базовой информации. Вы узнаете не только о проблемах и трудностях работы с типами в JavaScript, но и о том как их можно обойти. Затем вы приступите к знакомству со структурами данных и функции, чтобы разобраться с механизмами, лежащими в их основе, и научитесь использовать функции высшего порядка и объектно-ориентированный стиль программирования без классов.

💾 Скачать книгу | 📚 Больше книг

#book #testing
💡Почему оптимизация кода так важна?

Да все очень просто! Чем быстрее загружается ваш сайт, тем оптимистичнее его дальнейшее существование в просторах интернета. Ведь уже давно доказано, что если сайт грузится больше 3 секунд, посетитель закрывает вкладку.

3 основных способа оптимизировать работу Вашего веб приложения:
— Старайтесь все файлы на сервере содержать в сжатом виде.
— Используйте современные форматы изображений, такие как svg, webp. Если не выходит работать с такими форматами, старайтесь использовать оптимизацию изображений. Для примера можно взять сервис https://tinypng.com/, который выполняет сжатие без потери качества.
— Все скрипты желательно подключать только в конце страницы перед тегом </body>. Это позволит построить сперва DOM, а затем прогрузить сложные сценарии.

#optimization
🛠 Mo.js — это библиотека с открытым исходным кодом для создания motion графики на JavaScript . По сравнению с другими библиотеками, mo.js отличается своим подходом синтаксиса и структурой анимации кода. Декларативный API предоставляет вам полный контроль над анимацией, делая ее легко настраиваемой.

Библиотека предоставляет встроенные компоненты, такие как html, shape, swirl, burst и stagger. Использование mo.js на вашем сайте улучшит юзабилити, визуально обогатит ваш контент и точно создаст восхитительную анимацию.

🔍 Демо | 📂 GitHub

#js #library
Выберите правильный вариант 👇🏼 #test
Ответ
Anonymous Quiz
29%
2
28%
undefined
41%
-1
3%
1
🛠 Craft.js — это шикарный React фреймворк, который поможет редактировать страницы. Он делает возможным менять контент веб-страницы используя drag & drop, редактор текста и многое другое. Идеально подходит для создания CMS.

🔍 Демо | 📂 GitHub

#js #react #editor
📑 Самые сложные вопросы на JavaScript-собеседовании

Хотите подготовиться к собеседованию по JavaScript и ищете вопросы, на которых можно попрактиковаться? Мы собрали более двух десятков вопросов по JavaScript, предназначенных для тех, кто хочет превратиться из джуниора в сеньора, для тех, кто стремится успешно пройти собеседование в сфере фронтенд-разработки и получить интересное предложение от работодателя.

🔍 Читать статью

#article #js
📖 Изучаем программирование на JavaScript
✒️ Э. Фримен, 2015

Вы готовы сделать шаг вперед в веб-программировании и перейти от верстки в HTML и CSS к созданию полноценных динамических страниц? Тогда пришло время познакомиться с самым "горячим" языком программирования - JavaScript!

💾 Скачать книгу | 📚 Больше книг

#book #js
Выберите правильный вариант 👇🏼 #test
Правильный ответ: true true

В
первом выражении, идет сравнение ссылки с самой собой. А во втором операнд "!a" преобразовывается к boolean и соответственно порождает преобразование к boolean операнда "a". []==false (пустой массив => false), ![]==false (ссылка на объект (в данном случае на массив) с оператором ! => false) т.е. [] == ![]
Мы там темную тему добавили на dailycoding.io.

Вдруг ты не видел. Дать свою оценку и экспертное мнение можно в нашем чате.
📑 Самые сложные вопросы на JavaScript-собеседовании. Часть 2

Продолжение статьи о самых сложные вопросах на JavaScript собеседованиях.

🔍 Читать статью

#article #js
💡Что учить фронтэндеру в этом году?

Каждый год меняются тренды в разработке и выходит "очередной" фрэймворк на js. Это лишает программиста свободного времени, ведь ему приходится учить и без этого много новой информации.

Что же учить в 2020 году?
В первую очередь изучайте английский язык, почти вся техническая документация написана на нем, многое решение проблем описано тоже на английском.

А что же дальше? А дальше, все как и раньше - TypeScript, React, Vue, Angular. Здесь все по прежнему. Вакансий очень много, предложений от соискателей тоже хватает. Спрос превышает предложение в больших городах. За прошлый год особо не было никаких потрясений в мире фронтэнда. Даже нашумевший Svelte не смог вплотную конкурировать с данными фреймворками.

#programming #js
🛠 ExcelJS — JS библиотека для чтения, записи данных, стилей и других манипуляций с электронными таблицами в XLSX и JSON. Библиотека имеет очень богатый функционал с подробным описанием настроек.

🔍 Демо | 📂 GitHub

#js #table
Выберите правильный вариант 👇🏼 #test
Ответ
Anonymous Quiz
22%
0
11%
9
23%
4
8%
1
35%
false
🛠 Voca — это очень мощная библиотека JavaScript для работы со строками.

Библиотека Voca предлагает полезные функции, которые делают манипуляции со строками удобными: изменение регистра, обрезка, заполнение, усечение и многое другое. Модульная конструкция позволяет загружать всю библиотеку или отдельные функции, чтобы свести к минимуму ее применение. Библиотека полностью протестирована, хорошо документирована и поддерживается в течение длительного времени.

🔍 Демо | 📂 GitHub

#string #js