Все статьи сообщества

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

CSS анимация + практический пример

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

#html #css

Pakistanec изменил свою фотографию
1 год назад

image

Сайт-визитка на nextjs и tailwind за 17 минут с деплоем на vercel

В данном ролике мы вместе с вами создадим сайт-визитку. Для увеличения скорости разработки и возможности дальнейшего улучшения и расширения используем next.js 13 версии и Tailwind. Ролик будет полезен начинающим разработчика, которые не работали с данными технологиями. В конце ролика выложим готовый сайт в интернет, чтобы вы смогли делиться им с кем угодно!

#nextjs #tailwind #react #learn #vercel

drkrithika jagadish изменил свою фотографию
2 лет

image

Тетрис на JavaScript разработка игры

В этом видео мы вместе создадим игру Тетрис на JavaScript. Я буду объяснять каждый шаг подробно и простым языком. Мы начнем с создания игрового поля, научимся добавлять фигуры, управлять ими, добавим проверку на заполненные линии. Но это еще не все! Мы также сделаем адаптацию игры под мобильные телефоны и добавим возможность играть с помощью тачскрина. Этот урок будет интересен как новичкам, так и опытным программистам, которые хотят научиться создавать игры.

#js #javascript #gamedev #tetris #learn

Vue.js. Полный курс

В данном видео-курсе мы с вами рассмотрим работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберём все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js.

#webdev #vue #vuejs #learn

Гайд по React + TypeScript. Основы и лучшие практики 2022. Функциональный стиль + Hooks.

Полный Гайд по использованию React (с его экосистемой) + TypeScript в функциональном стиле. Типы рассмотренные в видео:
✅ ReactElement | JSX.Element
✅ ReactNode
✅ FC | FunctionComponent
✅ HTMLProps
✅ ReactEventHandler
✅ React.XXXEvent
✅ CSSProperties
✅ Hooks
✅ Много других полезных фишек в TypeScript

Приятного просмотра! Буду благодарен за поддержку в виде комментария и лайка!

#react #typescript #reactnode #htmlprops #hooks #learn

2 лет - Youtube

MongoDB. Полный курс

В данном видеокурсе мы с вами рассмотрим MongoDB. MongoDB - документно-ориентированная, NoSQL база данных, используемая для хранения больших объемов информации. Основная особенность базы - это представление данных в виде документов, структура которых напоминает JSON. Благодаря такому подходу MongoDB работает быстрее, обладает лучшей масштабируемость и ее легче использовать. Весь курс можно разбить на 2 основные части. В первой, мы разберём особенности работы с MongoDB, ключевые команды взаимодействия с базой и коллекцией. Команды поиска, сортировки, удаления и редактирования элементов. Во второй, используя Node.js, Express и библиотеку mongoose создадим свой API поддерживающий весь стэк CRUD операций. В заключении, разберём загрузку локальной базы данных в онлайн хранилище MongoDB Atlas.

#yauhenk #webdev #mongodb #learn

Фуллстак Приложение на React, TypeScript, Redux Toolkit, Express | 7+ часов

В этом видео вы узнаете, как сделать фуллстак приложение на React, TypeScript, Redux Toolkit, Express

#react #typescript #redux #express #learn

Пишем Telegram бота, который говорит с ChatGPT API

Пару недель назад я написал для себя бота, через который могу общаться с ChatGPT голосом и текстом.
Это очень удобно, так как не нужен VPN и говорить намного проще, чем писать.
В итоге проект мне понравился, и потому я решил в ролике показать реализацию такого бота на NodeJS пошагово с нуля.
Получился клевый технический контент, по итогу которого у вас будет свой личный сервис работы с ChatGPT API и бесконечно умный помощник, где вы можете крайне быстро получать информацию.
Внутри ролика пошаговое создание проекта с полного нуля, конвертация голосовых сообщений, создание Telegram бота, работа с Docker и деплой на VPS и работа с 2 сервисами OpenAI API.



#chatgpt #nodejs #learn #docker #vladilenminin #learn