Как писать сайты на JSX (без React) и собирать их через Vite: Minista в деле
Разбираемся, что такое Minista — фреймворк-обёртка над Vite, позволяющая писать сайты с использованием JSX без подключения React. Пошагово создаём проект, настраиваем конфигурацию и запускаем dev-сервер. Изучаем структуру проекта, разбираемся с global.jsx – обёрткой для всех страниц. Подробно разбираем синтаксис JSX: от простых элементов и пропсов до вложенности, списков, children и фрагментов. Учимся подключать изображения и SVG-иконки, использовать встроенные компоненты Image, Icon, Head. Настраиваем алиасы и конфиги. Подключаем стили, добавляем JS-логику и собираем проект в dist. Финально — делаем предпросмотр через npm run preview.
🗝 Урок живет здесь
Кодим на Коленке | #web
Разбираемся, что такое Minista — фреймворк-обёртка над Vite, позволяющая писать сайты с использованием JSX без подключения React. Пошагово создаём проект, настраиваем конфигурацию и запускаем dev-сервер. Изучаем структуру проекта, разбираемся с global.jsx – обёрткой для всех страниц. Подробно разбираем синтаксис JSX: от простых элементов и пропсов до вложенности, списков, children и фрагментов. Учимся подключать изображения и SVG-иконки, использовать встроенные компоненты Image, Icon, Head. Настраиваем алиасы и конфиги. Подключаем стили, добавляем JS-логику и собираем проект в dist. Финально — делаем предпросмотр через npm run preview.
🗝 Урок живет здесь
Кодим на Коленке | #web
Open source в науке
В развитие эмпирической науки про глубокое обучение существенную роль играет open source (в широком смысле — открытый код, данные, идеи и воспроизводимые исследования). В последнее время эту идею разделяют не все. Поговорим про то, насколько важна открытость со стороны науки, и что можно делать для ее продвижения. Так как я занимаюсь глубинным обучением на табличных данных, то какое-то количество примеров будет из этой области, а не из мира больших языковых моделей.
🗝 Урок живет здесь
Кодим на Коленке | #теория
В развитие эмпирической науки про глубокое обучение существенную роль играет open source (в широком смысле — открытый код, данные, идеи и воспроизводимые исследования). В последнее время эту идею разделяют не все. Поговорим про то, насколько важна открытость со стороны науки, и что можно делать для ее продвижения. Так как я занимаюсь глубинным обучением на табличных данных, то какое-то количество примеров будет из этой области, а не из мира больших языковых моделей.
🗝 Урок живет здесь
Кодим на Коленке | #теория
Альбомы в Телеграм боте - Обработка и отправка Media Group в aiogram
В этом уроке разберем, как обработать и отправить Media Group в телеграме через фреймворк Aiogram
🗝 Урок живет здесь
Кодим на Коленке | #Python
В этом уроке разберем, как обработать и отправить Media Group в телеграме через фреймворк Aiogram
🗝 Урок живет здесь
Кодим на Коленке | #Python
❤1
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
🗝 Урок живет здесь
Кодим на Коленке | #web
Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.
🗝 Урок живет здесь
Кодим на Коленке | #web
OAuth 2.0 на практике — Как добавить авторизацию на свой сайт
Пишем простой фронтенд + бэкенд для интеграции OAuth 2.0 в проект. Показываю, как интегрировать Google Календарь, Google Диск и Вход через Google.
🗝 Урок живет здесь
Кодим на Коленке | #web
Пишем простой фронтенд + бэкенд для интеграции OAuth 2.0 в проект. Показываю, как интегрировать Google Календарь, Google Диск и Вход через Google.
🗝 Урок живет здесь
Кодим на Коленке | #web
IF в CSS – препроцессоры больше не нужны, прощай Sass!
CSS никогда не считается языком программирования, но при этом постоянно обрастает новым сложным функционалом. А теперь там появится еще и свой if.
🗝 Урок живет здесь
Кодим на Коленке | #CSS
CSS никогда не считается языком программирования, но при этом постоянно обрастает новым сложным функционалом. А теперь там появится еще и свой if.
🗝 Урок живет здесь
Кодим на Коленке | #CSS
❤🔥1
JavaScript - Полный Курс по JS для начинающих, с Нуля по шагам. 1/2
Здесь полный и структурированный курс по JavaScript. В данном курсе по JS я проведу вас от самых основ до продвинутых тем, напишем несколько приложений где будем использовать HTML CSS JavaScript, что пополнит ваше портфолио. Еще изучим пузыръковую сортировку пошагово, поотвечаем на вопросы, порешаем задачи и многое другое. Также у курсу дополнительные материалы.
🗝 Курс живет здесь
Кодим на Коленке | #JavaScript
Здесь полный и структурированный курс по JavaScript. В данном курсе по JS я проведу вас от самых основ до продвинутых тем, напишем несколько приложений где будем использовать HTML CSS JavaScript, что пополнит ваше портфолио. Еще изучим пузыръковую сортировку пошагово, поотвечаем на вопросы, порешаем задачи и многое другое. Также у курсу дополнительные материалы.
🗝 Курс живет здесь
Кодим на Коленке | #JavaScript
JavaScript - Полный Курс по JS для начинающих, с Нуля по шагам. 2/2
то полный и структурированный курс по JavaScript с нуля до уверенного уровня. В данном курсе по JS мы идём от самых основ до продвинутых тем, напишем несколько приложений где будем использовать HTML CSS JavaScript, и они круто пополнят ваше портфолио. Изучим CRUD операции на практических примерах, изучим запросы на сервер и работу с апи (API) и сделаем полноценное веб-приложение. Также напишем с нуля слайдер (slider) на чистом JavaScript. Узнаем более подробно про прототипы, промисы и про работу event loop (событийный цикл) в JS на примере красивой и пошаговой презентации. Порешаем задачи, поотвечаем на вопросы и попишем много кода. Также у курсу дополнительные материалы.
🗝 Курс живет здесь
Кодим на Коленке | #JavaScript
то полный и структурированный курс по JavaScript с нуля до уверенного уровня. В данном курсе по JS мы идём от самых основ до продвинутых тем, напишем несколько приложений где будем использовать HTML CSS JavaScript, и они круто пополнят ваше портфолио. Изучим CRUD операции на практических примерах, изучим запросы на сервер и работу с апи (API) и сделаем полноценное веб-приложение. Также напишем с нуля слайдер (slider) на чистом JavaScript. Узнаем более подробно про прототипы, промисы и про работу event loop (событийный цикл) в JS на примере красивой и пошаговой презентации. Порешаем задачи, поотвечаем на вопросы и попишем много кода. Также у курсу дополнительные материалы.
🗝 Курс живет здесь
Кодим на Коленке | #JavaScript
❤1
Протоколы в Python как зависимости вместо реализаций - typing.Protocol
Показываю, как классно использовать Protocol в Python. Протоколы нужно указывать в качестве зависимостей вместо реализаций - аннотируем параметры протоколом, а передаём реализацию.
🗝 Урок живет здесь
Кодим на Коленке | #Python
Показываю, как классно использовать Protocol в Python. Протоколы нужно указывать в качестве зависимостей вместо реализаций - аннотируем параметры протоколом, а передаём реализацию.
🗝 Урок живет здесь
Кодим на Коленке | #Python
Всё, что вы хотели спросить о программировании
Если ты на старте пути — это видео сэкономит тебе месяцы проб и ошибок.
А если ты уже учишься, но всё ещё сомневаешься — ты точно найдёшь здесь ответы, которые закроют внутренние вопросы. Это видео — не просто мотивация, это дорожная карта для тех, кто хочет уверенно вкатиться в IT и не потеряться в инфошуме.
🗝 Урок живет здесь
Кодим на Коленке | #теория
Если ты на старте пути — это видео сэкономит тебе месяцы проб и ошибок.
А если ты уже учишься, но всё ещё сомневаешься — ты точно найдёшь здесь ответы, которые закроют внутренние вопросы. Это видео — не просто мотивация, это дорожная карта для тех, кто хочет уверенно вкатиться в IT и не потеряться в инфошуме.
🗝 Урок живет здесь
Кодим на Коленке | #теория
Allure report внутри проекта. Какие особенности?
Поместив автотесты внутрь проекта мы получаем возможность разложить всё, что нужно по правильным местам и с помощью этого упростить себе работу по созданию и поддержке автотестов. В этом видео я показываю как быть с Allure отчетами и как правильно обозначать его шаги внутри проекта.
🗝 Урок живет здесь
Кодим на Коленке | #тестирование
Поместив автотесты внутрь проекта мы получаем возможность разложить всё, что нужно по правильным местам и с помощью этого упростить себе работу по созданию и поддержке автотестов. В этом видео я показываю как быть с Allure отчетами и как правильно обозначать его шаги внутри проекта.
🗝 Урок живет здесь
Кодим на Коленке | #тестирование
This media is not supported in your browser
VIEW IN TELEGRAM
Программистов заменит ИИ?
Краткий ответ — нет.
Но нейросети уже пишут простые проекты, а рынок становится жёстче.
Зарплаты стагнируют, джуны без офферов, сокращения — обычное дело.
Сейчас самое время залетать в Кибербез. Эта область только набирает обороты. Спрос растёт, но конкуренции пока почти нет.
Ловите годные каналы, которые помогут ворваться в новое направление:
👍 ZeroDay — Подробные уроки по безопасности с нуля, эксплуатации уязвимостей, инструментам и свежие новости.
👨💻 Серверная Админа — Большое количество уроков, статей, книг и гайдов по устройству и настройке компьютерных сетей. База которую должен знать каждый
Краткий ответ — нет.
Но нейросети уже пишут простые проекты, а рынок становится жёстче.
Зарплаты стагнируют, джуны без офферов, сокращения — обычное дело.
Сейчас самое время залетать в Кибербез. Эта область только набирает обороты. Спрос растёт, но конкуренции пока почти нет.
Ловите годные каналы, которые помогут ворваться в новое направление:
Please open Telegram to view this post
VIEW IN TELEGRAM
Сайт в EM на webflow, полный курс
Обучение вебфлоу на русском полный цикл разработки сайта с нуля. Как сделать сайт, который будет подстраиваться под любой экран любого устройства, но при этом, если у человека нестандартный ультра широкоформатный монитор тогда будет срабатывать ограничитель ширины сайта, не позволяющий контенту расползтись от края до края.
🗝 Курс живет здесь
Кодим на Коленке | #webflow
Обучение вебфлоу на русском полный цикл разработки сайта с нуля. Как сделать сайт, который будет подстраиваться под любой экран любого устройства, но при этом, если у человека нестандартный ультра широкоформатный монитор тогда будет срабатывать ограничитель ширины сайта, не позволяющий контенту расползтись от края до края.
🗝 Курс живет здесь
Кодим на Коленке | #webflow
DevOps Workshop: работаем с GitLab, создаем GitLab CI для Django проекта
В данном воркшопе мы создадим репозиторий в GitLab, загрузим в него наш код и напишем GitLab CI для проекта на Django. В итоге мы получим полноценный конвейер с Docker образом на выходе.
🗝 Урок живет здесь
Кодим на Коленке | #DevOps
В данном воркшопе мы создадим репозиторий в GitLab, загрузим в него наш код и напишем GitLab CI для проекта на Django. В итоге мы получим полноценный конвейер с Docker образом на выходе.
🗝 Урок живет здесь
Кодим на Коленке | #DevOps
FastStream: удобная обработка событий и FastAPI стиль
Подключаем FastStream к приложению FastAPI
🗝 Урок живет здесь
Кодим на Коленке | #Python
Подключаем FastStream к приложению FastAPI
🗝 Урок живет здесь
Кодим на Коленке | #Python