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

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
🛠 SiriWave — красиво сделанная анимация Canvas, воспроизводящая голосовую волну помощника Siri. Существует множество вариантов настройки через API JavaScript, поэтому, немного поработав, вы можете использовать его для создания фантастически выглядящей музыки или голосовых визуализаций.

#инструменты
💡 Взаимодействие с текстовыми файлами в терминале

При помощи команды cat можно воздействовать на текстовые файлы тремя разными способами:

- Выводить их на экран.
- Объединять файлы.
- Создавать новые файлы.

 cat somefile.js

Чаще всего при помощи команды cat читают содержимое файлов, это простой и удобный способ вывода текста на экран.

В следующем примере стандартный вывод команды cat перенаправляется в файл somefile2. Для перенаправления потока используется оператор перенаправления. Если файл somefile2 до этого не существовал, он создастся.

 cat somefile > somefile2

Более детально ознакомиться с командой вы можете по ссылке.

#советы #coding
Выберите правильный вариант 👇🏼 #test
📑 Лучший фронтенд-инструмент 2021 года

Любой, кто начинает карьеру в сфере разработки программного обеспечения, скорее всего столкнётся с задачей выбора первого языка, фреймворка или набора инструментов. Уверен, каждому из вас это знакомо. Ответ на вопрос о том, что нужно изучать самым первым, найти не так уж и просто.

Всё дело в том, что в индустрии программирования существует очень много языков и вспомогательных инструментов. Для того чтобы облегчить выбор инструментов тем программистам, которые нацелены на фронтенд-разработку с использованием JavaScript, в этой статье мы рассказываем о трёх популярных JS-инструментах.

#статьи
🛠 Dinero.js — библиотека JavaScript для работы с денежными значениями. Он имеет хорошо продуманный API, содержащий все методы, которые могут вам понадобиться для денежных операций.

#инструменты #js
💡 Команды curl, которые вам следует знать.

Команда curl запускается из командной строки и предустановлена в большинстве дистрибутивов Linux.

Запрос страницы.
curl www.google.com

Скачать файл и сохранить под оригинальным именем (testfile.tar.gz).
curl -O https://testdomain.com/testfile.tar.gz

Скачать файл и сохранить под другим именем.
curl -o custom_file.tar.gz https://testdomain.com/testfile.tar.gz

Еще можно скачать несколько файлов одной командой, хотя в мануале так делать не рекомендуют.
curl -O https://testdomain.com/testfile.tar.gz -O https://testdomain.com/testfile2.tar.gz

Игнорирование ошибки неправильных или самоподписанных сертификатов.
curl -k https://localhost/my_test_endpoint

Запрос в виде списка имя=значение.
curl --data "param1=test1&param2=test2" http://test.com

Запрос в виде JSON.
curl  -H 'Content-Type: application/json' --data '{"param1":"test1","param2":"test2"}' http://www.test.com

Более детально ознакомиться со всеми командами вы можете по ссылке.

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

1)
Лучший фронтенд-инструмент 2021 года.

2) Dinero.js библиотека JavaScript для работы с денежными значениями.

3) Команды curl, которые вам следует знать.
🥳 Рады представить нашего нового бота!

Craftwork Bot предоставляет альтернативный доступ к сайту craftwork.design, но намного дешевле. Работает так же, как и @ui8_bot:

1. Присылаете в бота ссылку с сайта
2. Бот присылает файл для скачивания

Первым 50 покупателем делаем шикарный подарок. Купленная подписка увеличивается в 2 раза, например вы купили подписку на 6 месяцев, а получили целый год подписки. Новости и обновления публикуем на канале Digital Dealers.
Выберите правильный вариант 👇🏼 #test
🛠 Size limit — инструмент с открытым исходным кодом для расчета производительности JS-приложений, который оценивает, сколько времени потребуется конечным пользователям для запуска вашего JS. Его можно подключить к Travis CI, Circle CI, GitHub Actions, чтобы он запускался автоматически и останавливал коммиты, превышающие бюджет ограничения по размеру.

#инструменты #js
💡 Лучше не используйте короткую запись в JavaScript

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

if(someVariableExists)  
x = false

Как насчет этого?

if(someVariableExists)  
x = false
anotherFunctionCall();

Кто-то может посчитать что это эквивалентно следующему

if(someVariableExists) {  
x = false;
anotherFunctionCall();
}

И он будет неправ. Потому что на самом деле для компилятора это выглядит так:

if(someVariableExists) {  
x = false;
}
anotherFunctionCall();

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

if(2 + 2 === 4) return 'nicely done';  

#советы #coding #js
Выберите правильный вариант 👇🏼 #test
📑 Метод функций bind своими руками

Чтобы указать контекст выполнения любой функций вы можете использовать три метода: call, apply и bind. При использовании первых двух методов происходит вызов функции “на месте”, метод bind функцию не вызывает, вместо этого он возвращает новую функцию с заданным контекстом.

В статье рассказываем как реализовать метод bind самостоятельно в виде функции.

#статьи #js
🛠 Uppload — современная библиотека загрузки изображений для JavaScript. Uppload предлагает множество вариантов загрузки благодаря своей системе плагинов, которая позволяет добавлять больше источников изображений, таких как Instagram, скриншоты, Giphy и многих других.

#инструменты #js
💡 Использование JS Lint

JSLint - это анализатор кода, написанный Дугласом Крокфордом. Просто вставьте в него свой код и он быстро проанализирует на предмет возможных проблем и ошибок.

"JSLint сканирует JavaScript код. Если он находит проблему, то возвращает сообщение с описанием и местонахождение в коде. Проблема это не обязательно ошибка синтаксиса, хотя часто так и есть. JSLint так-же обращает внимание на соглашения о кодировании а так же на проблемы в структуре. Он не доказывает что ваша программа работает верно.Он просто предоставляет еще один взгляд на ваш код.”
– JSLint Documentation

Прежде чем закоммитить код, прогоните его через JSLint чтобы проверить на наличие ошибок, которые вы могли проглядеть.

Между прочим IDE от JetBrains такие как WebStorm/PyCharm/PHPStorm имеют встроенный анализ JSLint.

#советы #js
🎉 Новое обновление в @craftwork_bot

Добавили возможно скачивать файлы бесплатно по этим ссылкам:
shooots.pro | frrames.com | stubborn.rocks |usebites.com
struct.rocks | iosjetpack.com |usesuperb.com | singleton.digital
3ddd.casa | afterclap.pro | layouts.today | callthedoctor.club
superscene.pro

Просто пришлите в бота ссылку, а бот пришлет в ответ файл для скачивания.

#обновления @craftwork_bot
🔥 Лучшее на канале за неделю

1
. Метод функций bind своими руками.

2. Uppload — современная библиотека загрузки изображений для JavaScript.

3. Использование JS Lint