10 полезных приёмов для JavaScript-программистов
Как всем известно, JavaScript — это язык, который очень быстро развивается. В стандарте ES2020 имеется немало новых возможностей, с которыми вам, вероятно, захочется познакомиться поближе. Честно говоря, писать JS-код можно по-разному. Различные варианты кода, направленные на решение одной и той же задачи, способны дать один и тот же результат, но некоторые из этих вариантов кода могут оказаться значительно короче и чище других. Для того чтобы сделать код качественнее и понятнее, можно пользоваться всяческими полезными приёмами. О некоторых из таких приёмов речь пойдёт в материале. Надеемся, то, о чём вы сегодня узнаете, когда-нибудь вам пригодится.
Подробнее: ссылка
#js
Как всем известно, JavaScript — это язык, который очень быстро развивается. В стандарте ES2020 имеется немало новых возможностей, с которыми вам, вероятно, захочется познакомиться поближе. Честно говоря, писать JS-код можно по-разному. Различные варианты кода, направленные на решение одной и той же задачи, способны дать один и тот же результат, но некоторые из этих вариантов кода могут оказаться значительно короче и чище других. Для того чтобы сделать код качественнее и понятнее, можно пользоваться всяческими полезными приёмами. О некоторых из таких приёмов речь пойдёт в материале. Надеемся, то, о чём вы сегодня узнаете, когда-нибудь вам пригодится.
Подробнее: ссылка
#js
HTML для начинающих: вопросы и ответы
На собеседовании многие начинающие (и не только) претенденты на позиции, связанные с HTML, неожиданно понимают, что не могут ответить на одни и те же типовые, и казалось бы, элементарные вопросы. Но ведь когда-то этому должен настать конец? Думаю, ответ на этот вопрос вы точно знаете.
Мы собрали список вопросов и ответов по HTML, которые, скорее всего, зададут во время собеседования. Разобравшись в них, соискатель сможет продемонстрировать достаточно высокий уровень знаний о предмете. Если перед собеседованием кандидат хорошо подготовит ответы на эти вопросы и сможет быстро реагировать на них, это произведёт приятное впечатление и даст ему преимущество по сравнению с более «медленными» конкурентами.
Подробнее: ссылка
#HTML
На собеседовании многие начинающие (и не только) претенденты на позиции, связанные с HTML, неожиданно понимают, что не могут ответить на одни и те же типовые, и казалось бы, элементарные вопросы. Но ведь когда-то этому должен настать конец? Думаю, ответ на этот вопрос вы точно знаете.
Мы собрали список вопросов и ответов по HTML, которые, скорее всего, зададут во время собеседования. Разобравшись в них, соискатель сможет продемонстрировать достаточно высокий уровень знаний о предмете. Если перед собеседованием кандидат хорошо подготовит ответы на эти вопросы и сможет быстро реагировать на них, это произведёт приятное впечатление и даст ему преимущество по сравнению с более «медленными» конкурентами.
Подробнее: ссылка
#HTML
Пользователь нашел простой способ просмотра видеороликов на YouTube без рекламы, а также онлайн-статей без подписки
Пользователь портала Reddit поделился со всем миром простым способом просмотра видеороликов на YouTube без рекламы. Кстати, этот же способ можно использовать и на других сайтах, например, читать новости и статьи онлайн-изданий, которые делают это по подписке. Вероятно, эту уловку можно использовать и для других целей в интернете, так что многие пользователи сейчас пробуют найти ей дополнительные применения. В частности, пользователи из РФ обнаружили, что с помощью этого способа можно открывать некоторые заблокированные операторами по указаниям РКН ресурсы в сети интернет.
Пользователь под ником Unicorn4sale рассказал, что если в полной ссылке на видеоролик поставить dot (точку) после доменного имени, например, youtube.com./ххх, то видеоролик открывается без рекламы. После использования этой лазейки также не будет появляться рекламных роликов в середине трансляции.
Подробнее: ссылка
#youtube
Пользователь портала Reddit поделился со всем миром простым способом просмотра видеороликов на YouTube без рекламы. Кстати, этот же способ можно использовать и на других сайтах, например, читать новости и статьи онлайн-изданий, которые делают это по подписке. Вероятно, эту уловку можно использовать и для других целей в интернете, так что многие пользователи сейчас пробуют найти ей дополнительные применения. В частности, пользователи из РФ обнаружили, что с помощью этого способа можно открывать некоторые заблокированные операторами по указаниям РКН ресурсы в сети интернет.
Пользователь под ником Unicorn4sale рассказал, что если в полной ссылке на видеоролик поставить dot (точку) после доменного имени, например, youtube.com./ххх, то видеоролик открывается без рекламы. После использования этой лазейки также не будет появляться рекламных роликов в середине трансляции.
Подробнее: ссылка
#youtube
Как найти два числа в массиве, которые вместе дадут заданную сумму? | Задача с JS собеседования
"Сумма двух чисел" (Sum of Two). Условия задачи: дан массив с числами, в нем необходимо найти индексы двух чисел, сумма которых будет равна заданному числу N.
Рассмотрим 2 варианта решения:
1) решение "в лоб", которое имеет сложность алгоритма O(n^2), оно самое простое, но не самое оптимальное;
2) оптимизованный алгоритм так, чтоб его сложность была линейная — O(n)
Подробнее: ссылка
#js
"Сумма двух чисел" (Sum of Two). Условия задачи: дан массив с числами, в нем необходимо найти индексы двух чисел, сумма которых будет равна заданному числу N.
Рассмотрим 2 варианта решения:
1) решение "в лоб", которое имеет сложность алгоритма O(n^2), оно самое простое, но не самое оптимальное;
2) оптимизованный алгоритм так, чтоб его сложность была линейная — O(n)
Подробнее: ссылка
#js
Руководство для начинающих по WEBPACK (Очень простое)
Webpack – это пакетный сборщик модулей. Основная цель – связать несколько файлов JavaScript в один файл для использования в браузере, но он также способен преобразовывать, связывать или упаковывать практически любой ресурс или ассет.
Подробнее: ссылка
#js #webpack
Webpack – это пакетный сборщик модулей. Основная цель – связать несколько файлов JavaScript в один файл для использования в браузере, но он также способен преобразовывать, связывать или упаковывать практически любой ресурс или ассет.
Подробнее: ссылка
#js #webpack
Погружаемся в ленивую загрузку
Скорость загрузки — важный параметр для сайта, и если картинку подгружать только тогда, когда пользователь до неё доскроллил, эта скорость увеличится.
Разработчик Карлес Ньюнез съел на этом собаку. Дело в том, что современные браузеры поддерживают ленивую загрузку, которая активируется атрибутом
В своей статье он сравнивает Lozad.js и lazysizes, делает выбор и аргументирует его:
Подробнее: ссылка
#images #js #html #css
Скорость загрузки — важный параметр для сайта, и если картинку подгружать только тогда, когда пользователь до неё доскроллил, эта скорость увеличится.
Разработчик Карлес Ньюнез съел на этом собаку. Дело в том, что современные браузеры поддерживают ленивую загрузку, которая активируется атрибутом
loading="lazy". В Chrome такая загрузка начинается, когда до изображения остаётся 3000 пикселей. Карлеса это не устроило, и в дело пошли open source библиотеки.В своей статье он сравнивает Lozad.js и lazysizes, делает выбор и аргументирует его:
Подробнее: ссылка
#images #js #html #css
Роль this в JavaScript
Вроде бы всё просто, но есть ещё ряд тонкостей, которые разобраны в статье:
Автор затрагивает особенности стрелочных функций, ключевое слово
Подробнее: ссылка
#js
this указывает на объект, а вот на какой именно — зависит от контекста. Если использовать this в глобальной области видимости, он укажет на window, а если разместить внутри объекта — укажет на этот объект.Вроде бы всё просто, но есть ещё ряд тонкостей, которые разобраны в статье:
Автор затрагивает особенности стрелочных функций, ключевое слово
new, вложенные объекты и прочие нюансы. Всё с примерами.Подробнее: ссылка
#js
Email рассылки для B2C: лучшие практики и примеры писем
Верите вы или нет, email — до сих пор лучший способ связи с вашими покупателями по целому ряду причин. Как использовать email рассылки в B2C, чтобы укрепить эту связь и поднять продажи? В этой статье — несколько идей для продвинутых email маркетологов и новичков!
Подробнее: ссылка
#email
Верите вы или нет, email — до сих пор лучший способ связи с вашими покупателями по целому ряду причин. Как использовать email рассылки в B2C, чтобы укрепить эту связь и поднять продажи? В этой статье — несколько идей для продвинутых email маркетологов и новичков!
Подробнее: ссылка
Вышла Bootstrap 5 alpha!
Мы потратили много времени на том, чтобы сделать переход с v4 на v5 более простым, но мы также не побоялись отбросить устаревшее и более неуместное. Таким образом, мы очень рады сообщить, что начиная с v5 Bootstrap больше не зависит от jQuery, и мы прекратили поддержку Internet Explorer
Подробнее: ссылка
#bootstrap
Мы потратили много времени на том, чтобы сделать переход с v4 на v5 более простым, но мы также не побоялись отбросить устаревшее и более неуместное. Таким образом, мы очень рады сообщить, что начиная с v5 Bootstrap больше не зависит от jQuery, и мы прекратили поддержку Internet Explorer
Подробнее: ссылка
#bootstrap
Forwarded from Одноплатные компьютеры
Odroid-H2+ с процессором Celeron J4115
Наконец-то одноплатник на полноценном процессоре! Ух, заживём 😀
Обратите внимание: в тексте новости указанно о поддержке до 32Гб оперативной памяти, а на тех.сайтах - 8Гб.
https://teletype.in/@armlab/DfroqWw0d
Наконец-то одноплатник на полноценном процессоре! Ух, заживём 😀
Обратите внимание: в тексте новости указанно о поддержке до 32Гб оперативной памяти, а на тех.сайтах - 8Гб.
https://teletype.in/@armlab/DfroqWw0d
Teletype
Odroid-H2+ с процессором Celeron J4115
Компания Hardkernel пополнила ассортимент одноплатных компьютеров моделью Odroid-H2+, основанной на аппаратной платформе Intel Gemini...
В российской дизайн-студии разработали искусственный дизайнерский интеллект и больше года выдавали его за настоящего человека. За это время нейросеть успешно выполнила более 20 коммерческих проектов.
В Студии Лебедева создали искусственный дизайнерский интеллект, который способен выполнять творческую работу — разрабатывать уникальные логотипы и создавать на их основе айдентику.
Проект разрабатывался в условиях строгой секретности изолированной командой. Для конспирации искусственный интеллект выдавали за удаленного сотрудника. Ему создали собственную страницу с портфолио и дали человеческое имя — Николай Иронов. Это позволило избежать утечек и получать объективную обратную связь, не подверженную влиянию предрассудков о генеративном дизайне.
Подробнее: ссылка
#design #artificial_intelligence
В Студии Лебедева создали искусственный дизайнерский интеллект, который способен выполнять творческую работу — разрабатывать уникальные логотипы и создавать на их основе айдентику.
Проект разрабатывался в условиях строгой секретности изолированной командой. Для конспирации искусственный интеллект выдавали за удаленного сотрудника. Ему создали собственную страницу с портфолио и дали человеческое имя — Николай Иронов. Это позволило избежать утечек и получать объективную обратную связь, не подверженную влиянию предрассудков о генеративном дизайне.
Подробнее: ссылка
#design #artificial_intelligence
Блокировка карт Payoneer Prepaid Mastercard® Card за пределами США
В связи с финансовыми претензиями регулятора к Wirecard AG, а также к дочерней компании Wirecard Card Solutions Limited — провайдеру электронных платежей, который выпускал Payoneer Prepaid Mastercard Card за пределами США и через которых осуществлялся вывод денежных средств Payonner за пределами США, все платежи по картам Payoneer Prepaid Mastercard Card заблокированы.
Вывод новых платежей поступающих в Payoneer возможен на банковский счет.
В связи с финансовыми претензиями регулятора к Wirecard AG, а также к дочерней компании Wirecard Card Solutions Limited — провайдеру электронных платежей, который выпускал Payoneer Prepaid Mastercard Card за пределами США и через которых осуществлялся вывод денежных средств Payonner за пределами США, все платежи по картам Payoneer Prepaid Mastercard Card заблокированы.
Вывод новых платежей поступающих в Payoneer возможен на банковский счет.
Прощай, Google! 15 Альтернативных поисковиков, которые не шпионят, а сажают деревья и раздают воду
В этой статье речь пойдет о крутых инди поисковиках, которые могут составить конкуренцию поисковым гигантам, а также удовлетворить вкусы как утонченного мусьё, так и идейного борца за личную жизнь.
Подробнее: ссылка
В этой статье речь пойдет о крутых инди поисковиках, которые могут составить конкуренцию поисковым гигантам, а также удовлетворить вкусы как утонченного мусьё, так и идейного борца за личную жизнь.
Подробнее: ссылка
Apple выбрала восемь победителей конкурса приложений с лучшим дизайном в 2020 году
Видеоредактор, приложение для рисования анимации и игры.
Apple наградила восемь победителей ежегодной премии Apple Design Awards для разработчиков iOS-приложений и игр с наилучшим дизайном. Каждый из них был выбран за выдающийся дизайн, инновации, изобретательность и технические достижения.
Подробнее: ссылка
#apple
Видеоредактор, приложение для рисования анимации и игры.
Apple наградила восемь победителей ежегодной премии Apple Design Awards для разработчиков iOS-приложений и игр с наилучшим дизайном. Каждый из них был выбран за выдающийся дизайн, инновации, изобретательность и технические достижения.
Подробнее: ссылка
#apple
Что должен уметь верстальщик, чтобы его все хотели
В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.
Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.
И чем ближе был 2020, тем больше грань размывалась — и теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.
Подробнее: ссылка
#html #css
В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.
Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.
И чем ближе был 2020, тем больше грань размывалась — и теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.
Подробнее: ссылка
#html #css
Gulp 4 - Актуальное и исчерпывающее руководство для самых маленьких
Это обновлённое и переработанное руководство Gulp 4, в котором мы детально разберём работу с Gulp, ознакомимся с новыми методами построения задач (тасков), вы узнаете, какими способами можно установить, настроить Gulp и как с его помощью автоматизировать и ускорить процесс веб-разработки. По традиции, мы будем знакомиться с возможностями инструмента на реальном примере и создадим удобное рабочее окружение для HTML вёрстки от А до Я.
Подробнее: ссылка
#gulp
Это обновлённое и переработанное руководство Gulp 4, в котором мы детально разберём работу с Gulp, ознакомимся с новыми методами построения задач (тасков), вы узнаете, какими способами можно установить, настроить Gulp и как с его помощью автоматизировать и ускорить процесс веб-разработки. По традиции, мы будем знакомиться с возможностями инструмента на реальном примере и создадим удобное рабочее окружение для HTML вёрстки от А до Я.
Подробнее: ссылка
#gulp
This media is not supported in your browser
VIEW IN TELEGRAM
Алгоритм распознал нарисованный пальцем в воздухе текст
Американские разработчики создали метод, позволяющий набирать текст, рисуя его пальцем в воздухе. Они разработали алгоритм, который использует данные со стереокамеры или перчатки с датчиками для отслеживания кончика пальца и распознавания рукописного текста. Метод можно применять для ввода данных при использовании VR-шлема, рассказывают авторы статьи, представленной на конференции CV4ARVR 2020.
Подробнее: ссылка
#vr
Американские разработчики создали метод, позволяющий набирать текст, рисуя его пальцем в воздухе. Они разработали алгоритм, который использует данные со стереокамеры или перчатки с датчиками для отслеживания кончика пальца и распознавания рукописного текста. Метод можно применять для ввода данных при использовании VR-шлема, рассказывают авторы статьи, представленной на конференции CV4ARVR 2020.
Подробнее: ссылка
#vr
Летающая ракета
Летающая ракета с эффектами анимации пламени с использованием CSS и Javanoscript
Подробнее: ссылка
#css #html #javanoscript
Летающая ракета с эффектами анимации пламени с использованием CSS и Javanoscript
Подробнее: ссылка
#css #html #javanoscript