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

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
Все спрашивают: "что такое тёмная материя?" и "где она?"
Но никто не спросит "как ты, Тёмная Материя?"

А психолог спросит!
Приглашаю тебя на консультации.

Я помогу тебе справиться с эмоциональным выгоранием.
Научу следовать твоим собственным мечтам и потребностям, а не нуждам других людей.
Приведу к достижению важных для тебя целей.
Научу справляться с тревогой.
Помогу понять КАК ты оказываешься в тех ситуациях, в которых оказываешься.
Со мной ты сможешь поделиться своими внутренними переживаниями, быть собой.

Я Психолог, Гештальт-консультант, Коуч, Специалист по работе с зависимостями и созависимыми отношениями.
Занимаюсь частной практикой - индивидуальные консультации очно/онлайн.

Существуют другие психологи, но моё отличие в том, что у меня есть:
+образование (покажу свои дипломы и сертификаты)
+эффективная практика (положительные отзывы моих клиентов)
+супервизия, личная терапия, непрерывное обновление знаний

Все ответы уже есть внутри тебя.
Я знаю, как их услышать.
Стоимость консультации 25$.
Шестая консультация в подарок🎁 (при записи на первую до нового года).
А ещё у меня есть красивые подарочные сертификаты:)

http://yastrabavapsyhe.tilda.ws
https://www.instagram.com/val11tina
🛠 Sorted Colors — поиск цвета, при котором связанные именованные цвета отображаются вместе.

WebDEV #инструменты #colors
ПРОДАКТ В IT / Customer development и БОЛЬШИЕ ДЕНЬГИ

Из сегодняшнего выпуска вы узнаете кто такие Product Managers (продакты в простонародье), сколько они получают и как стать таким IT-спецом! Гость выпуска директор по продукту Яндекс.Дзена - Виталий Григораш.

📺 YouTube

WebDEV #видео #ProductManagers
💡 Стили написания имен методов, функций и переменных

▍Часть 2

Перед прочтением рекомендуем ознакомиться с первой частью.

— kebab-case. Этот стиль похож на змеиный регистр, только здесь слова разделяются не знаками подчеркивания, а дефисами. В kebab-case наша функция будет называться account-management.

Никакой из стилей не лучше других. Разве что kebab-case в JavaScript практически не используется. Обычно для имен классов применяется PascalCase, а почти для всего остального — camelCase. Но многие разработчики предпочитают писать имена переменных в snake_case.

WebDEV #советы #js
💡 Подборка инструментов

▫️
Unminify позволяет превращать минифицированный (упакованный, обфусцированный) код (JavaScript, CSS, HTML, XML, JSON) в удобный для восприятия вид.

▫️ ExtractCSS применяется для извлечения из HTML-документов сведений о разнообразных стилях HTML-документов.

▫️ Web Developer Checklist — расширение, которое анализирует любую веб-страницу на предмет нарушения передовых практик.

▫️ GTMetrix позволяет узнавать о том, что замедляет ваши веб-проекты.

▫️ Responsively даёт веб-разработчику инструмент для одновременной проверки внешнего вида его сайта на разных устройствах.

▫️ Compressor можно использовать для оптимизации изображений.

WebDEV #подборка #инструменты
🔥 Лучшее на канале за неделю

1
. HTML in 100 Seconds.

2. Sorted Colors — поиск цвета, при котором связанные именованные цвета отображаются вместе.

3. Стили написания имен методов, функций и переменных: Часть 1 | Часть 2.
WebDEV #test #js

Выберите правильный вариант 👇🏼
💡 Объявляйте и инициализируйте массивы

Для инициализации массива определенного размера можно использовать значения по умолчанию, такие как “”, null или 0.

const array = Array(5).fill(''); 
// Output
(5) ["", "", "", "", ""]
const matrix = Array(5).fill(0).map(()=>Array(5).fill(0));
// Output
(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
length: 5

WebDEV #советы #js
📖 Beginning Jakarta EE Web Development
🖋 Luciano Manelli, 2020

Начните создавать веб-приложения на основе Java прямо сейчас, даже если вы новичок в Java. Эта всеобъемлющая и основанная на примерах книга - все, что вам нужно для разработки динамических веб-приложений на основе Java с использованием JSP, подключения к базам данных с помощью JSF и их практического использования с помощью популярного веб-сервера Java с открытым исходным кодом, Apache Tomcat.

💾 Скачать книгу

WebDEV #book #java #JakartaEE
🛠 Stylestage — современная витрина CSS, оформленная открытым сообществом.

WebDEV #инструменты #css
💡 Использование логических операторов для работы с несколькими условиями

Чтобы уменьшить вложенность блоков If..else или switch, можно использовать логические операторы.

function doSomething(arg1){function doSomething (arg1)
10;
// Set arg1-10 as the default, if it isn't already.
Return arg1
}
let foo = 10;
foo ===10 && doSomething()
// is the same as "foo == 10") then doSomething()
// Output: 10.
doSomething();
// is the same as "foo!= 5" then doSomething()
// Output: 10.

WebDEV #советы #coding #js
🔥 Лучшее на канале за неделю

1
. Beginning Jakarta EE Web Development.

2. Stylestage — современная витрина CSS, оформленная открытым сообществом.

3. Объявляйте и инициализируйте массивы.
WebDEV #test #js

Выберите правильный вариант 👇🏼
📑 Ответ
Anonymous Quiz
61%
Да
39%
Нет
💡 Избавляемся от дубликатов

Возможно, вы используете indexOf() в сочетании с циклом for для возврата первого найденного индекса. Или пользуетесь более новой функцией includes(), которая возвращает логическое значение true/false массива. Но есть два более быстрых метода удаления дубликатов.

const array = [5,4,7.8,9,2,7.5,]
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
//
const nonUnique = [...new Set(array)];
// Output: (5, 4, 7, 8, 9, 2, 2)

WebDEV #советы #coding #js
CSS за 100 секунд

Cascading Style Sheets или CSS — это язык, на котором веб-сайты HTML выглядят красиво. Узнайте, как такие концепции, как каскад, специфичность, наследование и блочная модель, влияют на внешний вид веб-страницы.

📺 YouTube

WebDEV #видео #css
🛠 Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS; отлично подходит для панелей мониторинга и инструментов.

WebDEV #инструменты #css
💡 Создаем объект-счетчик или Map

Бывает, что для решения проблемы требуется создать объект-счетчик или Map, которая будет отслеживать переменные как ключи и их частотность как значения.

let string = "kapilalipak"
={}; Const Table
for(let char of string) {For(let char string)
table[char]=table[char]+1 || 1;
}
// Output
k. 2, a. 3, p. 2, i. 2, l. 2
And
const countMap = New Map()
for (let i = 0; i < string.length; i++) {
if (countMap.has(string[i])) {
countMap.set(string[i], countMap.get(string[i]) + 1);
} else {or else
countMap.set(string[i], 1);
}
}
// Output
Map(5) "k” => 2, “a” => 3, “p” => 2, „i” => 2, „l” => 2

WebDEV #советы #coding #js
🔥 Лучшее на канале за неделю

1
. CSS за 100 секунд.

2. Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS.

3. Избавляемся от дубликатов.