​Делов на 30 минут, а удовольствия на целый день: создаём игру для тренировки памяти на HTML, CSS и JavaScript

Memory Game — интересная игра, с неплохим дизайном и простой реализацией. CodePen проекта: https://codepen.io/abdullahturkmen/pen/YzxmRZj

#codepen #gamedev

​Многим компаниям нужен анализ данных, но они попросту не могут это сделать. Поэтому те, кто научится с ними работать, будут востребованы и через десятки лет в любой индустрии: от финансового сектора до геймдева.

При этом спрос на таких специалистов уже сильно превышает предложение, а зарплатная «вилка» middle-аналитиков стартует от 130 000 рублей.

Получить необходимые знания и практический опыт можно с нуля — на примере 32 бизнес-кейсов на курсе «Аналитик данных» от Академии Eduson.

Интерактивные тренажёры и методика от простого к сложному не дадут запутаться: начнете с Excel, а потом овладеете SQL, Python и Power BI. Преподаватели из «Яндекса», Datalatte, Softline и Ghetto Studio делятся опытом с первых уроков.

Личный куратор будет на связи 365 дней со старта обучения, а сама Академия поможет с трудоустройством и отправит ваше резюме своим компаниям-партнерам, среди которых Avito, ВТБ и Mercedes Benz.

Чтобы начать чувствовать себя уверенно в профессии и найти востребованную работу в IT — оставляйте заявку по ссылке и успейте забронировать обучение со скидкой -50%. Личная консультация с экспертом в подарок.

Это #партнёрский пост

​Нашли неплохой базовый курс для новичков: «Веб-технологии: начальный уровень»

Рассчитан на тех, кто ещё не знаком с веб-разработкой, но хочет получить начальные знания в данной области. Материал изложен простым языком и подойдёт всем новичкам: школьникам, студентам, учителям информатики и просто любому желающему разобраться с HTML5 и CSS3.

Курс состоит из 6 модулей, рассчитан на 3-5 часов. За курс вы изучите основы HTML5, изучите CSS3, познакомитесь с JavaScript и сверстаете простой лэндинг по макету: https://stepik.org/course/82108/promo?search=992854481

#курс

​Собираем и деплоим приложение на Node.js с помощью werf. Работа с базой данных

Это продолжение материала, посвящённого созданию и запуску приложения на Node.js с помощью werf. В прошлый раз автор рассмотрел базовое Node.js-приложение и его деплой в Kubernetes. Теперь же вы сможете дополнить его, добавив базу данных MySQL. Приложение получит все необходимые для этого компоненты и настройки.

Подробнее:

https://tproger.ru/articles/sobiraem-i-deploim-prilozhenie-na-node-js-s-pomoshhju-werf-rabota-s-bazoj-dannyh/

#devops #kubernetes #nodejs #sql

​Нецелевое использование assert-функций в TypeScript

Представьте, что у вас есть старый JS API, зависящий от мутирования передаваемого ему объекта, или не представляйте, а взгляните на код, с которым вы работаете сейчас и всплакните ещё раз. Так вот, автор этой статьи придумал, как применить assert-функцию, чтобы актуализировать старый код с учётом типов данных.

Подробнее:

https://habr.com/ru/company/ruvds/blog/664600/

#typescript

​«Я всё время неправильно создавал формы в React.js»

Если вам часто приходится создавать формы с помощью React, то вы наверняка сталкивались с необходимостью использования множества useState для различных элементов формы.

В этой статье автор поделился собственным способом создания компонента формы, которые избавляет от этой проблемы и делает код более лаконичным:

https://dev.to/kuvambhardwaj/i-was-creating-forms-the-wrong-way-all-along-in-reactjs-hl3

#фронтенд #react

Так всё и было 🌚

#😳 Qiziqarli Ma'lumot ! 📲

Smartfonning ham qulog'i bor

XXI asr texnologiyalari shunchalik shiddat bilan o'sib bormoqda-ki, hozirgi kunda mobil qurilmalarimizda ham qisman eshitish qobiliyati bor. Bunga yaqqol misol qilib Yandex: Alisa, Google asistenti, Sirilarni misol qilib keltira olamiz. Bu dasturlarning vazifasi sizni eshitib, tushunib, agar javob qaytarishga qodir bo'lsa, javob berishdir.

Yana bir Shazam nomli ilova ham mavjud. Bu ilovani aktivlashtirish orqali siz har qanday yangrayotgan kuyni mobil qurilmangizga eshittirish orqali qidirib topishingiz mumkin.

Tasavvur qiling ish bilan ko'chada yuribsiz va qayerdandir musiqa ovozini eshitib, yoqtirib qoldingiz. Bunday holda ko'pchilik 3 xil usuldan foydalanib, musiqani topishga harakat qilishadi 🔍

1️⃣ Musiqa eshitayotgan inson oldiga borib, undan kuy nomini so'raysiz 🤷🏻‍♂️
2️⃣ Qo'shiqning so'zlarini eslab qolib, Google orqali topasiz 💻
3️⃣ Telefoningizni olib, Shazam dasturidan foydalanasiz ✅

Lekin sizda telefoningizni blokdan chiqarib, Shazam dasturiga kirishga yetarli vaqtingiz bo'lmasa, hech xavotir olmang. Biz sizga to'rtinchi usulni o'rgatamiz😉

4️⃣-usul bu Google asistentidan foydalanishdir. Google asistent ilovasi barcha android qurilmalarda o'rnatilgan bo'ladi va "okey gugl va hey gugl" kalit so'zlarini aytish orqali aktivlashtiriladi. Dastur aktivlashtirilgach, siz rus yoki ingliz tilida "bu qaysi qo'shiq" deb savol bersangiz, dastur avtomatik ravishda yangrayotgan kuyni internetdan topib, sizga natijalarni ko'rsatadi. Ilova ishlay boshlagach, quyidagi iboralardan birini ishlatish orqali sevimli musiqangizni topishingiz mumkin.

"What is this song?" (vat iz zis song?)
"Что за песня?"
"Подскажешь песню?"

👇👇👇👇👇👇👇
@procodeuz

​Как создавать игры на pixi.js

Небольшой плейлист по pixi.js для создания игр и динамики на сайте. Если вы давно хотели разрабатывать игры на javascript, то время пришло. Автор покажет вам, как с помощью библиотеки pixi.js можно создать игру:

https://youtu.be/chYS7Dt8_rA?list=PLoYUIcUCRmBxcMbtWDw0SbjAO3U_q3gBg

#видео #pixijs

​Scrollbar в современном CSS

Полоса прокрутки присутствует сегодня на любом сайте видимо или невидимо. Это вполне обыденный элемент, на который обычно никто не обращает особого внимания.

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

https://habr.com/ru/post/674244/

#фронтенд #css

Разница между объектно-ориентированным программированием и процессно-ориентированным
Урок по ООП №2

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

Процедурно-ориентированное мышление:
Процессно-ориентированное программирование уделяет больше внимания «логическому потоку программы», который является своего рода мышлением «исполнителя», подходящим для написания небольших программ.

Объектно-ориентированное мышление:
Объектно-ориентированный подход больше связан с «взаимосвязью между объектами в программном обеспечении», что больше соответствует образу мышления людей, и является своего рода «дизайнерским» мышлением, подходящим для написания крупномасштабных программ.

Объектно-ориентированный подход может помочь нам понять и проанализировать всю систему в целом. Тем не менее, что касается реализации некоторых микроопераций (то есть одного метода), все еще необходимо обрабатывать процессно-ориентированное мышление.

Итог: Процессно-ориентированный и объектно-ориентированный дополняют друг друга, а объектно-ориентированный неотделим от процессно-ориентированного.

📁 #Урок

​Удобный способ использовать SVG в React

Добавить SVG на сайт можно совершенно разными способами. Но если вы хотите полноценно использовать все возможности SVG, то необходимо вставлять изображение непосредственно в HTML-разметку. Или нет?

В этой статье вы найдёте ещё один хитрый, но при этом удобный способ:

https://habr.com/ru/post/672984/

#react #svg

Как создать многоуровневое выпадающее меню в React

Многоуровневое меню предоставляет несколько вариантов выбора, делая панель навигации динамичным и организованным. В этом руководстве вы пошагово рассмотрите процесс реализации функции раскрывающегося списка в React:

https://blog.logrocket.com/how-create-multilevel-dropdown-menu-react/

#фронтенд #react

Oliy ta‘lim — har yili minglab bilimsiz talabalarni yetishtirib, formani bilimdan ustun qoʻygan tizim.

Kelajakda rivojlangan davlat boʻlish-boʻlmasligimiz faqat va faqat ta‘limga bogʻliq.

Toʻliq koʻrsatuvni koʻrish! 👇🏻
https://youtu.be/eGp6VIVzyIk

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

Библиотека 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

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

#новости