Обложка канала

WebDEV. Страница 44

19233 @webb_dev

Канал о web-разработке. Новости IT, туториалы, веб-программирование и многое другое.

  • WebDEV

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

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

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

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

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

    #советы #js
  • WebDEV

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

    #инструменты #js
  • WebDEV

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

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

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

    #статьи #js
  • Реклама

  • WebDEV

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

    💡 Лучше не используйте короткую запись в 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
  • WebDEV

    🛠 Size limit — инструмент с открытым исходным кодом для расчета производительности JS-приложений, который оценивает, сколько времени потребуется конечным пользователям для запуска вашего JS. Его можно подключить к Travis CI, Circle CI, GitHub Actions, чтобы он запускался автоматически и останавливал коммиты, превышающие бюджет ограничения по размеру.

    #инструменты #js
  • WebDEV

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

    🥳 Рады представить нашего нового бота!

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

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

    Первым 50 покупателем делаем шикарный подарок. Купленная подписка увеличивается в 2 раза, например вы купили подписку на 6 месяцев, а получили целый год подписки. Новости и обновления публикуем на канале Digital Dealers.
  • WebDEV

  • WebDEV

    Безлимитный доступ к сайту ui8.net через нашего бота — @ui8_bot

    Простой пришлите в бота ссылку с сайта, а бот пришлет файл для скачивания. Моментально. Все работает автоматически.
    Качайте UI-киты, иллюстрации, шрифты, иконки и все все все. Бот создан специально для вас 😘
  • WebDEV

    💡 Команды 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

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

    #инструменты #js
  • WebDEV

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

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

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

    #статьи
  • WebDEV

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

    Этот тот случай, когда точно пора!

    Не пропусти мастер-класс по основам HTML и CSS «С чего начать карьеру frontend- разработчика?»

    Регистрируйся и будь среди 30 успевших счастливчиков 😉 которым достанется совершенно бесплатно:

    настройка среды для разработки сайта
    инсайты по IT специальностям
    старт разработки сайта под руководством опытного фронтенд-разработчика

    + БОНУС🔥 стартовый набор frontend-разработчика 😉

    Регистрируйся👇
    https://kazanina.online/registration
  • Реклама

  • WebDEV

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

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

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

     cat somefile.js

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

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

     cat somefile > somefile2

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

    #советы #coding
  • WebDEV

    Этот пост займёт 30 секунд твоего внимания.

    Смотри, вот канал EasyPeasyCode. Здесь есть всё, чтобы за месяц освоиться в IT: образовательные материалы, задачи по проге, авторские статьи, опросы, юмор, книги – всё человеческим языком.

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

    План действий следующий: подписывайся и изучай то, что здесь дают бесплатно, чтобы потом не отдавать доллары на курсах. Через месяц сравнишь скиллы до/после и приятно удивишься :)
  • WebDEV

    🛠 SiriWave — красиво сделанная анимация Canvas, воспроизводящая голосовую волну помощника Siri. Существует множество вариантов настройки через API JavaScript, поэтому, немного поработав, вы можете использовать его для создания фантастически выглядящей музыки или голосовых визуализаций.

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