🛠 Glassmorphism — эффект основан на размытии фона с прозрачностью и для демонстрации глубины и контекста интерфейса использует уложенные слои.

WebDEV #инструменты #web

💡 Стандарты написания кода

Стандарты — это определенные наборы правил оформления кода, которым вы можете следовать. Причем мы не можем сказать, что один стандарт чем-то лучше другого. У каждой компании свой собственный стиль, которого разработчики придерживаются при работе над проектами этой компании.

Крупные организации публикуют свои стандарты для общего пользования. Два самых известных стандарта написания JavaScript-кода — от Google и от AirBnb.

Стили, которых я придерживаюсь, очень напоминают стили AirBnb, поскольку именно к ним я привык в компаниях, в которых работал. Если вы предпочитаете другой стандарт, используйте его. Главное — придерживаться какого-то одного набора правил в рамках одного проекта.

Вы также можете использовать такие инструменты, как ESLint или Prettier. Они обнаруживают нарушения правил, определенных в настройках, и принудительно приводят код в соответствие со стандартом.

WebDEV #советы #js

🔥 Лучшее на канале за неделю

1. Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers.

2. Glassmorphism — эффект основан на размытии фона с прозрачностью и для демонстрации глубины и контекста интерфейса использует уложенные слои.

3. Стандарты написания кода.

WebDEV #test #js

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

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

Имена функций и переменных могут писаться в разных стилях.

Наиболее известны следующие:

— camelCase («верблюжий регистр»). Слова, из которых состоит имя переменной, пишутся слитно, без пробелов, а каждое отдельное слово пишется с большой буквы. Самая первая буква имени остается строчной. Например, функцию для управления аккаунтом можно назвать accountManagement.
— PascalCase. Здесь тоже все слова объединяются и каждое новое пишется с заглавной буквы. Но, в отличие от camelCase, первая буква тоже заглавная. Имя той же функции для управления аккаунтом, написанное в PascalCase, будет AccountManagement.
— snake_case (змеиный регистр»). Все слова пишутся строчными буквами и разделяются символами подчеркивания. Имя нашей функции-примера в змеином регистре будет account_management.

Продолжение следует...

WebDEV #советы #js

HTML in 100 Seconds

Готовы создать свой первый веб-сайт? HTML — один из основных строительных блоков Интернета. Изучите историю HTML и то, как он используется для структурирования веб-страницы.

📺 YouTube

WebDEV #видео #html

​Все спрашивают: "что такое тёмная материя?" и "где она?"
Но никто не спросит "как ты, Тёмная Материя?"

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

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

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

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

Все ответы уже есть внутри тебя.
Я знаю, как их услышать.
Стоимость консультации 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

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