CodeCamp – Telegram
CodeCamp
203K subscribers
5.47K photos
1.78K videos
66 files
3.39K links
Канал, который читает твой сеньйор.

Здесь про разработку, технологии и гаджеты 🤘

Редакция: @camprobot
Сотрудничество: @todaycast

РКН: https://clck.ru/3FjTpV
Download Telegram
Glassmorphism

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

#сервис
📺 Jest & Enzyme

1. Введение [YouTube]
2. Теория тестирования [YouTube]
3. Установка окружения [YouTube]
4. Тестирование отрисовки [YouTube]
5. Тестирование снимков [YouTube]
6. Тестирование пропсов [YouTube]
7. Тестирование событий изменения [YouTube]
8. Тестирование событий клика [YouTube]
9. Тестирование методов жизненного цикла [YouTube]
10. Тестирование асинхронных запросов [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #js #testing #rus
1
📺 Уроки React js для начинающих

1
. Установка [YouTube]
2. Компоненты и свойства Props [YouTube]
3. State, состояние компонента и примеры [YouTube]
4. Работа с формами. Первое To Do приложение [YouTube]
5. CSS стилизация. Как подключить библиотеку Material Ui, Bootstrap [YouTube]
6. Жизненный цикл компонента. Собеседование [YouTube]
7. Передача данных между компонентами [YouTube]
8. Работа с API на примере. Fetch запрос Api [YouTube]
9. Роутинг. Маршрутизация и создание страниц сайта [YouTube]

#Видео #js #React #rus
Test Collab

testcollab.com — современный инструмент, предлагающий целую платформу для тестирования приложений.

Одна из его особенностей — инновационный способ интеграции со всеми популярными системами отслеживания ошибок и инструментами автоматизации.

Ко всему прочему, система содержит в себе возможности agile-методологии, отслеживания времени, управления требованиями, планирования и составления расписаний.

#сервис #testing
📺 JavaScript Design Patterns

1. Введение [YouTube]
2. Singleton [YouTube]
3. Factory Method [YouTube]
4. Abstract Factory [YouTube]
5. Prototype [YouTube]
6. Builder [YouTube]
7. Decorator [YouTube]
8. Facade [YouTube]
9. Proxy [YouTube]
10. Adapter [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #js #rus
📺 Junior Javanoscript

1. Что делают Junior JavaScript программисты на работе. Типичные задачи Junior [YouTube]
2. Как стать Junior JavaScript разработчиком [YouTube]
3. Junior Javanoscript программисты больше не нужны? Что делать начинающим? [YouTube]
4. Javanoscript собеседование вопросы для начинающих [YouTube]
5. Какие Junior программисты сейчас нужны? [YouTube]
6. Как стать Junior Node JS разработчиком [YouTube]

#Видео #android #rus
Spring Framework

spring.io/projects/spring-framework — одна из самых мощных и широко используемых платформ Java. Благодаря своей концепции внедрения зависимостей и особенностям аспектно-ориентированного программирования Spring покорила мир разработки.

Это платформа с открытым исходным кодом, используемая для корпоративных приложений. Фреймворк обычно используется для Enterprise Java. Среда чрезвычайно универсальна и может использоваться для создания большинства типов приложений Java. С помощью Spring разработчики могут создавать слабосвязанные модули, в которых зависимости обрабатываются фреймворком, а не зависят от библиотек в коде.

#сервис #java
📺 Уроки Kivy для Android

1. Демка проекта [YouTube]
2. Установка Kivy и сборка apk [YouTube]
3. Базовое приложение и Layout'ы [YouTube]
4. Размеры виджетов и позиционирование [YouTube]
5. Обработка событий [YouTube]
6. Создание приложения [YouTube]
7. Использование KivyMD [YouTube]

#Видео #python #android #rus
📺 CSS Basics

1. Введение [YouTube]
2. Базовый синтаксис и применение стилей [YouTube]
3. Простые селекторы [YouTube]
4. Составные селекторы [YouTube]
5. Псевдоэлементы и псевдоклассы [YouTube]
6. Каскадность и наследование [YouTube]
7. Блочная модель и отступы [YouTube]
8. Позиционирование и размеры [YouTube]
9. Единицы, переполнение и уровни элементов [YouTube]
10. Плавающие элементы и очистка потока [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #CSS #rus
👍1
Wallaby.js

wallabyjs.com — это инструмент для повышения продуктивности разработки. Он запускает JavaScript и TypeScript-тесты пока вы пишете код и выводит результаты в IDE рядом с кодом. Это расширение очень полезное, поскольку позволяет видеть вывод и дебажить в режиме реального времени.

#сервис #JavaScript #TypeScript
📺 JavaScript магазин на Google Таблицах

1
. Часть 1 [YouTube]
2. Часть 2 [YouTube]
3. Часть 3 [YouTube]
4. Корзина [YouTube]
5. Изменяем количество товаров [YouTube]
6. Исправляем ошибки [YouTube]
7. Отправляем письма [YouTube]
8. Часть 8 [YouTube]
9. Генерация паролей на JavaScript [YouTube]
10. Практический JavaScript [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #js
📺 HTML Basics

1. Введение [YouTube]
2. Базовая структура HTML документа [YouTube]
3. Мета-данные и внешние импорты [YouTube]
4. Валидация, семантика и доступность [YouTube]
5. Текст [YouTube]
6. Списки [YouTube]
7. Картинки [YouTube]
8. Таблица [YouTube]
9. Ссылки и кнопки [YouTube]
10. Полезные тэги [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #html #rus
Unetway

unetway.com — сайт для развития сотрудничества между компаниями и IT-специалистами. Здесь вы можете набираться знаниями и рассказывать о своем опыте, читать авторские статьи по программированию, интервью с IT компаниями и программистами, размещать данные о вашей компании, ее событиях и вакансиях, скачивать бесплатные программы для компьютера и многое другое.

#сервис
📺 Уроки Laravel

1. Установка и введение в фреймворк [YouTube]
2. Создание страниц. Роутинг [YouTube]
3. Подключение БД. Миграции и запросы на примере [YouTube]
4. Модель и контроллер для чего нужны [YouTube]
5. Верстка Bootstrap, Фронтенд [YouTube]
6. Делаем регистрацию и авторизацию на сайт [YouTube]
7. Отправка письма Gmail [YouTube]
8. Верстка компонентов [YouTube]
9. Делаем пагинацию [YouTube]

#Видео #Laravel #rus
📺 Python Casts

1. Что вам нужно знать о Pip [YouTube]
2. Переменные окружения. Использование [YouTube]
3. Что означает *args, **kwargs [YouTube]
4. if name == 'main': что это значит [YouTube]
5. Генераторы списков (List comprehension) [YouTube]
6. Декораторы [YouTube]
7. 5 приемов, о которых вы могли не знать [YouTube]
8. Замыкания [YouTube]
9. Что такое try - except [YouTube]
10. Что такое yield [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #python #rus
Small Dev tools

smalldev.tools — более 20 инструментов с простым интерфейсом, которые в силах помочь разработчикам выполнять такие частые и монотонные задачи, как шифрование/расшифровка, сокращение, тестирование, сжатие CSS/HTML, JS-форматирование и т.д.

#сервис
📺 Интернет-магазин на Node.js

1. Сервер на NodeJS [YouTube]
2. Работаем с консолью [YouTube]
3. Что такое Node.js, nodemon [YouTube]
4. Node закрывает соединение к MySQL [YouTube]
5. Страница заказа [YouTube]
6. Отправка заказа менеджеру и клиенту [YouTube]
7. Перенос Node.js на хостинг [YouTube]
8. Сохраняем заказ [YouTube]
9. Pug, роутинг в Express.JS [YouTube]
10. Делаем админ-панель [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #js #NodeJs #rus
📺 TypeScript & React

1
. Введение [YouTube]
2. Установка окружения [YouTube]
3. Типизация функциональных компонентов [YouTube]
4. Типизация классовых компоненты [YouTube]
5. Типизация событий [YouTube]
6. Типизация элементов [YouTube]
7. Типизация контекста и портала [YouTube]
8. Типизация Хуков [YouTube]
9. Типизация ХОК-ов [YouTube]
10. Типизация Роутера [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #TypeScript #React #rus
Visual Type Scale

type-scale.com — хотите визуализировать разницу между размерами шрифтов, значениями REM и EM? Вот вам предварительный просмотр в режиме реального времени, чтобы наконец-то все запомнить. Понятная документация и мануал присутствуют.

#сервис #fonts
📺 HTML для JS разработчиков

1. Теги [YouTube]
2. CSS [YouTube]
3. Организация кода [YouTube]
4. Таблицы [YouTube]
5. Позиционирование элементов [YouTube]
6. Позиционирование - практика [YouTube]
7. Float [YouTube]
8. Flex [YouTube]
9. Grid [YouTube]
10. Семантический HTML5 [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #HTML #JavaScript #rus
📺 MobX & React

1. Введение [YouTube]
2. Установка окружения [YouTube]
3. Наблюдаемое и наблюдатель [YouTube]
4. Вычисляемые значения и реакции [YouTube]
5. Наблюдаемые Объект и Массив [YouTube]
6. Действия [YouTube]
7. Повторяем изученное [YouTube]
8. Асинхронные запросы [YouTube]
9. Пользовательские реакции [YouTube]

#Видео #MobX #React #rus