💡 Размещение функций

▍Часть 2

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

В прошлой части мы рассмотрели два способа организации функций.

Третий способ — смешанный стиль: функция объявляется там, где она используется впервые.

В большинстве случаев второй вариант является предпочтительным.

Это потому, что при чтении кода мы сначала хотим знать, что он делает. Если сначала идёт код, то это тут же становится понятно. И тогда, может быть, нам вообще не нужно будет читать функции, особенно если их имена хорошо подобраны.

WebDEV #советы#советы #coding#coding #js#js

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

1. Изучаем HTML, XHTML и CSS.

2. Hat.sh — это приложение на основе JavaScript, которое обеспечивает безопасное шифрование файлов с помощью API WebCrypto.

3. Размещение функций.

🔊 Новости от команды Лектрума!

10 июня пройдёт бесплатный вебинар на тему «JavaScript на практике». Простая реализация обработки данных из формы с использованием лучших практик JS 🤩

⚠️ Регистрация через сайт ➡️ https://lectrum.link/xStJh5
Программа ивента:

🔹 Из чего состоит проект. Каким способом можно подключить скрипт на страницу и где отлавливать ошибки.

🔹 Что такое переменные и какие виды переменных существуют.

🔹 Проверки и грамотное написание условий.

🔹 Как написать функцию и правильно использовать ее в коде.

🔹Методы взаимодействия с элементами на странице, а так же динамическая генерация элементов с помощью JavaScript.

🔹Способы для добавления интерактива на страницу: что такое addEventListener и как с ним работать.

Для кого вебинар:

✅ Верстальщиков, которые хотят продвигаться в веб-разработке.

✅ Новичков-самоучек, которые хотят посмотреть как выглядит процесс разработка во фронтенде.

WebDEV #test#test #html#html

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

💡 Руководства по стилю кода

Руководство по стилю содержит общие правила о том, как писать код, например: какие кавычки использовать, сколько пробелов отступать, максимальную длину строки и так далее – в общем, множество мелочей.

Когда все участники команды используют одно и то же руководство по стилю, код выглядит одинаково, независимо от того, кто из команды его написал.

Конечно, команда всегда может написать собственное руководство по стилю, но обычно в этом нет необходимости. Существует множество уже готовых.

Некоторые популярные руководства:

• Google JavaScript Style Guide
• Airbnb JavaScript Style Guide (есть перевод)
• Idiomatic.JS (есть перевод)
• StandardJS
• (и ещё множество других)

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

WebDEV #советы#советы #coding#coding #js#js

3 совета по CSS меняющих жизнь

Изучите 3 потрясающих совета и приема CSS, представленные другими зрителями.

📺 YouTube

WebDEV #видео#видео #css#css

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

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

💡 Автоматизированные средства проверки (линтеры)

Автоматизированные средства проверки, так называемые «линтеры» – это инструменты, которые могут автоматически проверять стиль вашего кода и вносить предложения по его улучшению.

Самое замечательное в них то, что проверка стиля может также найти программные ошибки, такие как опечатки в именах переменных или функций. Из-за этой особенности использовать линтер рекомендуется, даже если вы не хотите придерживаться какого-то конкретного «стиля кода».

Вот некоторые известные инструменты для проверки:

• JSLint – проверяет код на соответствие стилю JSLint, в онлайн-интерфейсе вверху можно ввести код, а внизу – различные настройки проверки, чтобы попробовать её в действии.

• JSHint – больше проверок, чем в JSLint.

• ESLint – пожалуй, самый современный линтер.

Все они, в общем-то, работают. Большинство линтеров интегрированы со многими популярными редакторами: просто включите плагин в редакторе и настройте стиль.

WebDEV #советы#советы #js#js

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

1. Руководства по стилю кода.

2. CSS Wand — коллекция полезных настраиваемых счетчиков загрузки CSS, анимированных кнопок и других интересных компонентов.

3. Автоматизированные средства проверки.

WebDEV #test#test #html#html

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

‍Хотите разобраться в облачных технологиях?
21 и 22 июня на «Azure Virtual Training Day: основы» эксперты Microsoft расскажут о базовых сценариях, моделях и сервисах облачных вычислений и покажут, как быстро интегрировать Azure в существующую ИТ-экосистему. Узнайте, чем отличаются публичные, частные и гибридные облака. А главное – вы сможете подготовиться к сертификационному экзамену Azure и получите возможность сдать его бесплатно. Регистрируйтесь и отмечайте в календаре: https://bit.ly/3v73D9Z

💡 Пишите технические статьи

Написание технических статей несёт в себе много хорошего. Так, изучение чего-то нового обычно идёт легче в том случае, если человек пытается объяснить другим то, что он осваивает. Кроме того, хорошая статья — это щедрый подарок всем тем, кто интересуется тем же, чем и автор статьи. Это — дань благодарности сообществу, трудами которого пользуется тот, кто изучает новое и рассказывает об этом.

WebDEV #советы#советы

📖 Новая большая книга CSS
🖋 Дэвид Макфарланд, 2016

Технология CSS3 позволяет создавать профессионально оформленные сайты, но тонкости этого языка могут оказаться довольно сложными даже для опытных веб-разработчиков. Полностью переработанное четвертое издание этой книги поможет вам поднять навыки работы с HTML и CSS на новый уровень.

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

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

WebDEV #book#book #html#html #css#css #web#web

🛠 Ogl — фреймворк WebGL с API, похожим на Three.js. В нем меньше функций и абстракций по дизайну, что делает его идеальным для людей, делающих первые шаги в 3D-моделировании, а также для опытных разработчиков, которые хотят добавлять свои собственные шейдеры с меньшими препятствиями.

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

💡 Изучите какой-нибудь большой JavaScript-фреймворк

В основе современных веб-приложений часто лежат фреймворки или библиотеки вроде Vue, React, Angular. Компании, наподобие Facebook, Google и Airbnb, поддерживают и используют эти инструменты. В результате можно сказать, что веб-разработчику стоит владеть хотя бы одним из подобных инструментов. Но, в конечном итоге, все они сводятся к JavaScript.

WebDEV #советы#советы #js#js

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

1. Новая большая книга CSS.

2. Ogl — фреймворк WebGL с API, похожим на Three.js.

3. Изучите какой-нибудь большой JavaScript-фреймворк.

WebDEV #test#test #html#html

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