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

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

Next.js #2 Страницы и Роутинг (Pages & Routes)

#yauhenk #webdev #next #nextjs #ityoutubersru #ssr #learn

В данном видео рассмотрим фрэймворк для серверного рендеринга - Next.js. Разберём основные концепции по типу роутинга, создания страниц и компонентов.

CSS Flexbox. Полный курс

В данном видеокурсе мы с вами рассмотрим технологию Flexbox.
Flexible Box Layout Module (Flexbox) - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.

#yauhenk #webdev #css #flexbox #ityoutubersru

Next.js #1 Базовые концепции и установка (Basic Concepts & Setup Environment)

В данном видеокурсе мы с вами рассмотрим фрэймворк для серверного рендеринга - Next.js. Разберём основные концепции по типу роутинга, создания страниц и копонентов. Рассмотрим разницу подходов SSR (Server Side Rendering) и SSG (Static Site Generation), а так же подключим их в приложение. Рассмотрим, как Next.js ускоряет загрузку приложения и улучшает работу с SEO. И в заключение выполним типизацию с помощью TypeScript и загрузим готовое приложение на бесплатный хостинг Vercel.

#yauhenk #webdev #webdev #next #learn #ssr #typescript


Основы CSS3. Полный курс

В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.

#yauhenk #webdev #css #css3 #ityoutubersru

ООП на простых примерах. Объектно-ориентированное программирование

ООП простым языком. Основные концепции объектно ориентированного программирования. Объекты, классы, инкапсуляция, полиморфизм, наследование, композиция, агрегация, интерфейсы, паттерны, solid, dependency injection.

#ulbitv #learn #oop

Node.js #20 Загрузка приложения на Heroku (Deployment On Heroku)

#yauhenk #webdev #node #express #ityoutubersru

HTML для Начинающих - Практический Курс [2021]

Видео по основам первого строительного блока в Web-разработке - HTML.
В рамках данного ролика вы напишите на чистом HTML сайт резюме, научитесь работать с VSCode и зальете сайт на GitHub Pages.

#vladilenminin #vladilen #html #css #learn

Node.js #19 Создание API (Create API)

В данном видеокурсе мы с вами рассмотрим Node.js, серверную технологию которая позволяет исполнять код написанный на JavaScript вне браузера. Разберём базовые концепции и встроенные модули, которые активно используются при разработке сервера. Рассмотрим механизм коммуникаций между сервером и браузером. Создадим базовый роутинг на чистом Node.js. Подключем Express и перепишем роутер. Научимся работать с динамичными данными с помощью шаблонизатора Node.js. Напишем новостное приложение с поддержкой CRUD операций и хранением данных в MongoDB. Создадим свой API по возврату данных из БД. И в заключение, загрузим готовое приложение на Heroku.

#yauhenk #webdev #node #express #ityoutubersru

Простой пример ToDo приложения на Vue.js

#vue #vuejs #js #vueexamples

https://grhgrmgrhrm.github.io/vue-todo-example/

Vue.js To Do example | for unicoding.dev
grhgrmgrhrm.github.io

Vue.js To Do example | for unicoding.dev

Simple Vue.js To Do app example

Создание SPA на Vue.js с нуля | Одностраничный сайт на Vue.js

В данном видео будет показан процесс создание одностраничного веб-приложения (SPA) с использованием Vue.js с момента инициализации проекта, с подробным объяснением подходов к решению различных задач. Также будут использоваться такие библиотеки как Vuex для хранения данных и Vue Router для создания нескольких страниц с возможностью перехода между ними.

#vue #vuejs #spa #learn #itvdn