#ДоброгоУтра #JavaScript #Frontend #Backend #ECMAScript #WebInMyHeart #NodeJS

Больше всего такие вопросы подойдут для тех, кто устраивается на Senior Node.js Enigeer;-)

https://habr.com/ru/companies/timeweb/articles/769844/

Само обновление активно обсуждают в последних выпусках "Веб-стандартов"...

#Frontend #Backend #Javascript #ECMAScript #NodeJS #WebInMyHeart #ВебСтандарты #WebStandarts

https://habr.com/ru/news/769120/

Сегодня началась моя настоящая жизнь в сфере тестирования, а до неё было очень большое её освоение и решение простых задач на работе в её рамках, используя Lighthouse, Pagespeed, базовые ресурсы браузерных DevTools и для описания багов Excel. И испытания закончились тем, что сегодня полноценно в рамках одной из последних задач по аудиту новой версии одного сайта, перепроверяя наличие битых ссылок на файлы документов перед её концом, написал первый в своей жизни код для Test Case, впечатлении от которого у меня море. Он сделан на Javascript и вставляя его в консоль DevTools вашего браузера в зависимости от количества ссылок на веб-странице и качества их чтения с учётом скорости Интернета и аппаратных ресурсов вашего ПК сам кейс определит, битая ли ссылка или нет(и результаты тестов копирую и вставляю в определённые Excel-строки). В коде учитываются только ссылки на файлы с часто используемыми расширениями ZIP, PDF, Word и Excel в их конце.

Я сделал исходник самого Test Case, чтобы не только я, а вы смогли его использовать в подобных ситуациях: https://clck.ru/36U2vQ

Пока возился с доработками решения, я улучшал часто свой Test Case, чтобы качественно производилось тестирование определенной группы битых ссылок👍

Само зеркало исходника на Gitflic - https://clck.ru/36U6am

#QA #Frontend #МногоеВЖизниВпереди #ТоЛиЕщёБудет #БудуПродолжатьВТомЖеДухе #Javascript #TestCase #Тестировщик #ПокаТолькоНачало

P.S.: Про остальные сферы в программировании, с которыми я дружу - всегда не забываю;-)

Спасибо одному из моих активных читателей блога в Telegram(который до сих пор является основной моего проекта) за то, что он мне лично прислал интересный материал о сайте с коллекцией игр эпохи MS-DOS(https://clck.ru/36nyyN), которые можно запускать прямо в браузере(и в эпоху WebAssembly подобное возможно реализовать)!😍

И немного на примере запуска DOOM из самой коллекции проверил техническую сторону его фронтенда с использованием DevTools браузера и оказалось, что для работы всего этого используется JavaScript-библиотека с её богатой экосистемой под названием JSDOS(https://js-dos.com/), которая имеет много фишек и возможностей при эмуляции DOS-программ в браузерах и поддерживает серверный Javascript, язык Typescript(типизированный вариант JS от Microsoft👍) и известный всеми React(с ним я игрался в одном из рабочих проектов).

В ближайшее время постараюсь ознакомиться с документацией библиотеки;-)

#MSDOS #Frontend #Javascript #ECMAScript #JSDOS #WebAssembly #WebInMyHeart #ЕстьЧтоВспомнить #НостальгияВСамоеСердце #Эмуляторы #Браузеры

P.S.: А я то ранее думал о том, что эмулятор(такая же история с портированием игр) работает на WebAssembly, не так ли?🙂

Сегодня на работе написал ещё один тест - но на этот раз для проверок битых ссылок на отдельной странице определённого вами сайта внутри консоли браузерного DevTools, если они выдают всеми известную 404-ую ошибку: https://clck.ru/36wUtj

Если ссылка выдаёт 404, то через пробел после каждой проверяемой ссылки ставится знак "плюс", а иначе - "минус"...

Зеркало на Gitflic: https://clck.ru/36wVKR

#QA #Frontend #МногоеВЖизниВпереди #ТоЛиЕщёБудет #БудуПродолжатьВТомЖеДухе #Javascript #TestCase #Тестировщик #ПокаТолькоНачало #AfterRemoteWorkDay👨‍💻

#ДоброгоУтра #WebInMyHeart #Frontend #Backend #JS #React #CSS #ECMAScript #StyleX #ВебСтандарты #Javascript

Об этой вещи* впервые услышал в одном из последних выпусков подкаста "Веб-стандарты": https://habr.com/ru/articles/781166/

* В материале могут быть упомянуты ресурсы, владельцы которых запрещены и признаны экстремисткими организациями на территории Российской Федерации🇷🇺

Когда не нужны библиотеки для работы с часовыми поясами

https://habr.com/p/783236/

Такие примеры лучше подойдут тем, кто имеет опыт работы со серверным JavaScript 😉

#СНаступающимРождеством #Frontend #Backend #JavaScript #Typescript #ECMAScript #JS

🎄⛪🇷🇺🌍🕊️❤

Про легковесный конкурент технологии AJAX(который активно использую в работе последние несколько лет) в устаревших версиях браузеров
https://github.com/JakeChampion/fetch

И самое главное - чтобы те самые устаревшие версии браузеров поддерживали оператор import( https://stackoverflow.com/questions/34408880/is-html-import-still-supported-in-google-chrome )!!!

#WebInMyHeart #ECMAScript #Frontend #JavaScript #JS #BeforeRemoteWorkWeek👨‍💻

❄🇷🇺🕊️🌍❤

Релиз CheerpJ 3.0
https://habr.com/p/791802/

А из всего этого можно неплохое кроссплатформенное PWA-приложение сделать.

#AfterRemoteWorkDay👨‍💻 #WebInMyHeart #JavaScript #Java #WebAssembly #Frontend #ECMAScript #CheerpJ

❄🇷🇺🕊️🌍❤

На чём построены интерфейсы динамических форм на привычных Госуслугах😉: https://www.codeproject.com/Articles/1029517/A-JavaScript-Form-Generator

Это лучше и проще Server-Driven UI!!!

#WebInMyHeart #PHPThisIsMyLove #JS #Javascript #PHP #Frontend #Backend #UI #UX #DataInMyHeart #BigData #WebForms #ECMAScript #AfterRemoteWorkDay👨‍💻 #CloudComputing #Highload #Formgen

❄🇷🇺🕊🌍❤

P.S.: С Formgen, Server-Driven UI и подобными им вещами только один раз поигрался и перед вами один из моих исходников с этим: https://clck.ru/38dAsh 😇

 Перед вами финал темы выдуманного мной паттерна проектирования и GigaChat( https://tttttt.me/gigachat_bot ) привел пример его использования в JavaScript, без которого мне в разработке интерфейсов никуда😉:

Паттерн "Останкинская башня" в JavaScript - это подход к организации кода, при котором все функции и классы приложения размещаются в одном файле.

Этот паттерн получил свое название в честь Останкинской телебашни в Москве, где все технические системы и оборудование расположены в одном здании.

В контексте JavaScript, паттерн "Останкинская башня" позволяет упростить управление кодом, так как все функции и классы находятся в одном месте и могут быть легко найдены и использованы.

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

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

Источник фото с аналогичной информацией и уникальным примером кода паттерна на примере многопоточности🔥: https://shedevrum.ai/post/38dab1b1c76411ee981fd659965eed18

#ПаттерныПроектирования #Javascript #JS #ECMAScript #Frontend #Backend #NodeJS #Fullstack #WebInMyHeart #Highload #CloudConputing #CodeInMyHeart #Gigachat #YandexGPT #YandexART #Шедеврум #ОстанкинскаяБашня #OstankinoTower #МРЦ_РТРС

❄🇷🇺😉🌍❤👨‍💻

Google Chrome позволит сохранить любую веб-страницу как настольное приложение
https://habr.com/p/798983/

И самое главное - очень классный и производительный JavaScript API, чтобы придать сайту больше кроссплатформенности и нативности💓😇

#JavaScript #Blink #Chromium #WebKit #Frontend #Backend #PWA #DesktopApp #Crossplatform #UI #UX #ECMAScript #WebInMyHeart #NativeApps

💐❄🔥🪖🙏💪🇷🇺🕊️🌍❤

#MongoDB активно используют те, кто имеет опыт разработки серверных приложений на #JavaScript: https://dev.to/hoangng/fundamentals-of-mongodb-part-1-26oh

#SQL #СУБД #NoSQL #Backend #Frontend #BigData

P.S.: Эта СУБД имеет те же принципы репликации, как в привычных MySQL и PostgresSQL.

Рендерим таблицы с помощью Symbiote.js

https://habr.com/p/811489/

Об основах и принципах Server-Driven Datagrid and Table UI...

#Frontend #Backend #UI #UX #JavaScript #ECMAScript #BigData #Symbiote #SymbioteJS

Фото: https://shedevrum.ai/post/185657e0077911efb3b2ced9e91a1749/

Let’s dive into the exciting features of the newly released React 19, including server components and a React compiler.
https://dev.to/get_pieces/react-19-a-comprehensive-guide-to-the-latest-features-and-updates-467i

И тут недавно новости про новый #ReactJS прилетели и в данном апдейте меня впечатлили возможности по компиляции написанных мной компонентов. 😊

#JavaScript #TypeScript #ECMAScript #Frontend❤😉

Фото: https://shedevrum.ai/post/4a0bb5da235111ef85e3821bb8b1b39e/

Сегодня реализовал ещё одну приблуду - парсер определённых строк таблицы и генератор списка страниц сайтов с проблемными кодами ответов из результатов тестов ответов сервера на специальном сайте для всего этого!!!

Сам исходник парсера на JavaScript для его использования в браузерном DevTools доступен на Github и моём Gitflic-зеркале;-)

Github: https://github.com/Serzol64/artfactorJSSiteAudit/blob/master/3.js
Зеркало Gitflic: https://clck.ru/3CGC4V

#QA #Frontend #МногоеВЖизниВпереди #ТоЛиЕщёБудет #БудуПродолжатьВТомЖеДухе #Javascript #Parser #Тестировщик #ПокаТолькоНачало #DuringRemoteWorkWeekLastDay👨‍💻

Про HTMX многое слышал и узнал больше всего из выпусков подкаста #ВебСтандарты последних лет😀: https://vc.ru/1394544

#ДоброгоУтра #WebInMyHeart #Frontend #ReactJS #Astro #HTMX #SolidJS #ECMAScript #JavaScript

А я не знал...

https://habr.com/ru/companies/globalsign/articles/840174/

#ДоброгоУтра #Exploit #Cybersecurity #Javascript #ECMAScript #Chromium #Blink #Gecko #PDFJS #СПрошедшимДнёмЗнаний #СНачаломНовогоУчебногоГода

Принципы "хорошего дизайна", которым я на практике часто стараюсь следовать не только на любимом #PHP, а на #JavaScript в целом
https://dev.to/wafa_bergaoui/applying-solid-principles-in-javascript-and-typescript-framework-2d1d

#SOLID #Frontend #Backend

Об инструментах для тех, кто собирает, готовит, разворачивает и развивает решения на базе бизнес-модели #SaaS👨‍💻👩‍💻:
https://dev.to/arindam_1729/8-tools-you-need-to-build-your-first-saas-am5

#JavaScript #TypeScript #CloudComputing