Лёгкий способ создания викторин и опросов, который вам понравится

Библиотека Survey.js — это мощный инструмент, который позволяет создавать опросы, формы, викторины и тесты самой разной сложности. При этом процесс их создания максимально прост и гибок — вы можете менять их внешний вид или даже создать собственное хранилище данных.

Посмотрите сами и сохраняйте на будущее:

https://surveyjs.io/

#библиотека

​Тестируемый фронтенд: хороший, плохой и странный

В этой статье один из инженеров Google Chrome решил поделиться собственным опытом организации тестирования и поиска баланса между фронтендом и подсистемами, а также выбора подходящей стратегии.

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

Подробнее:

https://www.smashingmagazine.com/2022/07/testable-frontend-architecture/

#фронтенд #тестирование

​От Oracle потребовали отдать права на JavaScript за просто так

Корпорация Oracle получила права на JavaScript после поглощения компании Sun Microsystems ещё в 2010 году. Теперь создатель Node.js Райан Даль обратился к Oracle с открытым письмом, в котором призывает компанию отказаться от товарного знака JavaScript, передав его в общественное достояние. По его словам компании не нужны эти права, а подобный жест стал бы для неё отличным пиар-ходом.

Подробности можно почитать здесь:

https://www.cnews.ru/news/top/2022-09-06_ot_oracle_potrebovali_otdat

А вы как считаете?

#новости

🤯 829 GB курсов и книг на английском по разработке, программированию, информационной безопасности.

Cкачать можно здесь(пост в закрепе)

Ставь 👍, если нравится такой контент

😅 Bu mavzu ko'p dasturchilarimizga yoqish kerak!

👾 Xakerlar aslida kim?

🧑‍💻 Pinhoniy xavf kundalik turmushimizga kirib kelgan kompyuter texnologiyalari bugun hayotimizning muhim jihatlaridan biriga aylanishi bilan birga bizni o'z yo'rig'iga ham boshlayapti. Hozir shaxsiy kompyuterga ega bo'lmagan odam yo'q hisobi. Ammo ular orasida asr mo'jizasi imkoniyatlaridan g'arazli maqsadlarda foydalanuvchilar ham topiladi. Shu bois, kompyuterlarga kirishni qulf(parol)lash va begonalardan asrashga ehtiyoj tug'ildi. Qarangki, ehtiyotkorlik oshgani sari ularga qarshi xurujlarning turi ham ko'pa­yib borayapti. Bu faoliyat keng jamoatchilik tomonidan xakkerlik deb yuritiladi.

💁‍♂️ Hozir xakerlar puldor shaxslar, tashkilotlar, banklar va hatto davlatlar manfaati uchun ham jiddiy xavf tug'dira boshladi. "Xakker" atamasi dastlab matematik masalalarni "aylanma yo'llar" bilan hal qiluvchilarga nisbatan haqorat sifatida ishlatilgan. Xakkerlik tufayli kompyuter ishqibozlari obro'li va xavfli bo'lib kelmoqdalar.

💁‍♂️ Uning asoschisi mash­hur matematik Jon Nesh hisoblanadi.

🧞‍♂️ 1) 1972 - yilda 1- texnologik xakkerlik sodir etilgan. Hushtak chalish orqali tekin qo'ng'iroqlar qilina boshlandi. Buning uchun kishilar Cap'nCruch – bodrog'i qutisidan chiqadigan hushtakdan foydalanishardi. Hushtak tovushining chastotasi telefon kompaniyasining ichki avtorizatsiya tizimiga kirish imkoniyatini berardi.

🧞‍♂️ 2) Dunyoda Iyen Myorfi og'ir jinoyat bilan ayblangan birinchi xaker sifatida ro'yxatga olingan. U 1981 yilda AT&T kompaniyasi kompyuteriga yashirincha kirib, soatini o'zgartirib qo'yadi. Bu foydalanuvchilarga kunduz kuni tungi chegirmali tarif bo'yicha qo'ng'iroq qilish imkoniyatini bergan.

🧞‍♂️ 3) Kevin Mitnik bir vaqtlar qidiruvdagi "eng kerakli xakker" bo'lgan. U buzgan serverlarning kompaniyalari DEC, IBM, PACIFIC BELL. Prokurorlar Kevin Mitnik taksafondan hushtak chalib yadro qurolini ham ishga tushira olishiga ishonardilar.

🧑‍💻 Batafsil 👉 xakerlar haqida shu yerdan bilishingiz mumkin!

Ужасный UX с непослушными кнопками

В представленном проекте автор реализовал мечту всех блогеров: здесь кнопка для отписки никогда не дастся вам в руки, зато кнопка «подписаться» так и просится, чтоб её нажать.

Посмотреть как это реализовано и попробовать победить кнопки можно тут:

https://codepen.io/jh3y/pen/KKvvPrP

#codepen

​Адаптивная вёрстка: что это и как использовать

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

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

https://tproger.ru/translations/responsive-web-design-tips/

#фронтенд #адаптивнаявёрстка

Как сейчас работают мошенники в интернете🤦‍♂️ Они всем пользователям отправляют такое сообщения:

«Привет. Это я, королева Елизавета. Я не умерла. Просто Чарльз упек меня на необитаемый остров, чтобы самому стать королем. У меня сейчас нет доступа к моей казне. Пожалуйста, скинь мне 300 долларов, чтобы я могла вернуться в Великобританию».

А что, звучит убедительно😂

Подпишитесь и следите за актуальными новостями на нашем канале👇

https://telegram.me/joinchat/AAAAAEEdc-qam7052mnXKA

​Проверяем свои знания по React: готовы ли мы к собеседованию или нет?

Техническое собеседование — это важный этап для работодателя, чтобы проверить ваши знания и навыки. Вдруг вы слукавили в резюме? Чтобы доказать свою компетентность, нужно быть готовым ко всему.

В этой статье разбираются наиболее частые и популярные вопросы, которые задают во время технического интервью на позицию React-разработчика:

https://www.freecodecamp.org/news/prepare-for-react-technical-interviews/

#react #фронтенд

Визуальное руководство по рендерингу React. Часть 1

Хотите понять как работает рендеринг в React и своими глазами увидеть процесс? Что ж, эта статья для вас. Здесь вы узнаете, как работает повторный рендеринг и как его избежать:

https://alexsidorenko.com/blog/react-render-always-rerenders/

#react

Карточки цен на чистом CSS

Простые, но стильные карточки товаров, выполненные с применением анимации на чистом CSS. Для работы с CSS в этом проекте использовался препроцессор SCSS. Вы можете сделать аналогичные карточки для вашего сайта:

https://codepen.io/jcoulterdesign/pen/NxMoja

#codepen #css

Лайфхак как определить программистов в любом доме 🌚

Как освоить фронтенд-разработку в 2022 году: дорожная карта

Мы подготовили для вас дорожную карту, которая поможет разобраться какие именно технологии изучать и на что обращать особое внимание, чтобы стать фронтенд-разработчиком в 2022 году.

А ещё мы попросили сениор фронтенд-разработчика поделиться собственным опытом и рассказать о интересных новинках, которые мы включили в дорожную карту:

https://tproger.ru/articles/frontend-roadmap-2021/

#фронтенд #роадмап

Делаем анимацию страницы, синхронизированную со скроллом, как у Apple

Зайдите на сайт Apple или Samsung и посмотрите, как круто анимированы страницы с их продуктами. Хотите научиться также? На самом деле это не так уж и сложно.

В этой статье вы научитесь создавать аналогичные анимации и затем оживлять с их помощью ваши веб-страницы:

https://css-tricks.com/scroll-triggered-animation-vanilla-javascript/

#css #фронтенд

Визуальное руководство по рендерингу React. Часть 3

В первой части была визуализация повторного рендеринга, а во второй — визуализация того, как работают пропсы. На этот раз мы с вами можем увидеть, как работает useMemo в React.

Подробнее:

https://alexsidorenko.com/blog/react-render-usememo/

#react

Урок как создать Telegram бота с нуля и подключить в нём оплату.
На языке Python :3

https://youtu.be/yZj4ieTMvr0

​Изучение React Suspense с помощью React Freeze

Слышали о новом компоненте React Suspense? Он позволяет корректно обрабатывать загрузку и визуализацию данных. Есть также React Freeze, который позволяет заморозить рендеринг компонентов и контролировать, что на самом деле обновляется в ваших приложениях React.

В этой статье подробно рассмотрен React Freeze и его возможности, а также показано, как его можно использовать в реальных проектах:

https://blog.logrocket.com/exploring-react-suspense-react-freeze/

#react

​useSuncExternalStore — недооценённый хук React

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

В этой статье автор поделился несколькими моментами, где этот хук может пригодиться и значительно облегчить вашу жизнь:

https://thisweekinreact.com/articles/useSyncExternalStore-the-underrated-react-api

#react

Не баг, а фича 🌚

Третья редакция пугает

Всё так 🌚