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

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

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

РКН: https://clck.ru/3FjTpV
Download Telegram
📺 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
Daily dev

daily.dev — это отличное расширение, помогающие следить за новостями, касающимися разработки.

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

#сервис #news
📺 Сайт с нуля на React js

1. Установка и настройка React и Bootstrap [YouTube]
2. Адаптивное меню с bootstrap [YouTube]
3. Роутинг сайта, переход по страницам [YouTube]
4. Делаем слайдер Bootstrap [YouTube]
5. Верстка табы адаптивно [YouTube]
6. Форма обратной связи [YouTube]
7. Верстка компоненты Bootstrap [YouTube]
8. Верстка сайта блог посты [YouTube]
9. Как загрузить сайт React JS на хостинг [YouTube]

#Видео #React #rus
📺 Современная верстка сайта с нуля

1. Начинаем с нуля [YouTube]
2. Адаптивное меню на CSS [YouTube]
3. FlexBox верстка карточки [YouTube]
4. jQuery категории [YouTube]
5. Адаптируем сайт под мобильные [YouTube]
6. Слайдер jQuery [YouTube]
7. Css Grid, grid-template-columns [YouTube]

#Видео #html #css #js #rus
Quokka

quokkajs.com — это расширение играет роль песочницы для прототипирования кода. Quokka.js выводит на экран output каждого шага прямо в редакторе и указывает на неправильный код сообщениями в той же строке.

#сервис #js
📺 AJAX

1. Unit 1-3 [YouTube]
2. Unit 1-4 [YouTube]
3. Unit 2-1 [YouTube]
4. Unit 2-2 [YouTube]
5. Практический JavaScript. AJAX практика [YouTube]
6. Стартуем и пишем первую программу [YouTube]

#Видео #AJAX #rus
📺 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 #patterns #rus
Unsplash

source.unsplash.com — самый мощный фото-движок в мире. API Unsplash – это современный API JSON, который отображает всю необходимую для создания любого UX информацию. Понятная документация и мануал присутствуют.

#сервис
📺 Создание простого blockchain на Python

1. Blockchain на Python - "Демка" проекта [YouTube]
2. Что такое Blockchain и как он работает [YouTube]
3. Запись блоков и проверка целостности [YouTube]
4. Создание веб-интерфейса на Flask [YouTube]

#Видео #python #rus
📺 Junior JavaScript

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

#Видео #js #rus
Utopia

utopia.fyi проявляется, когда дизайнеры и разработчики разделяют системный подход к растягиванию элементов в отзывчивом дизайне. Вместо того чтобы писать код для нескольких произвольных брейкпоинтов (контрольных точек), возможно создать дизайн, где элементы масштабируются плавно и пропорционально.

#сервис
📺 Курс TrueJS

1. Подключаем JavaScript [YouTube]
2. Правильно именуем переменные [YouTube]
3. Переменные, var, let, const [YouTube]
4. Undefined and Undeclared [YouTube]
5. Hoisting [YouTube]
6. Типы данных [YouTube]
7. Основные операции над данными [YouTube]
8. Оператор if [YouTube]
9. Изучаем дебагер [YouTube]
10. Циклы for .. while [YouTube]

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

#Видео #js #rus
📺 Уроки Java с нуля

1. Введение и установка. Что пишут на Java [YouTube]
2. Условные операторы If, Else If, Switch case [YouTube]
3. Циклы For, While, Do while [YouTube]
4. Массивы. Перебор массива [YouTube]
5. Методы, как их писать и что делают [YouTube]
6. Работа со строками. Методы строк [YouTube]
7. Введение в ООП. Создание класса. Конструкторы [YouTube]
8. Основы ООП. Наследование [YouTube]

#Видео #java #rus
Path Intellisense

Path Intellisense — плагин, который автоматически дополняет имена файлов при их импорте. Расширение работает с большинством языков программирования, а также с HTML.

#сервис
📺 Парсинг сайтов на Python

1. Быстрый парсинг данных с сайта несколькими процессами с экспортом в csv [YouTube]
2. Парсим Avito при помощи Python, Часть 1 [YouTube]
3. Парсинг Avito при помощи Python Часть 2 [YouTube]
4. Приемы работы с библиотекой BeautifulSoup [YouTube]
5. Как использовать прокси и менять User-Agent [YouTube]
6. Анализ "ненормальных" сайтов [YouTube]
7. Как скачивать картинки и другие файлы [YouTube]
8. Работа с ошибками [YouTube]

#Видео #python #rus
📺 Курс по Kotlin для начинающих 2021

1. Установка Android Studio [YouTube]
2. Урок 2 [YouTube]
3. Урок 3 [YouTube]
4. Урок 4 [YouTube]
5. Урок 5 [YouTube]
6. Урок 6 [YouTube]
7. Урок 7 [YouTube]
8. Урок 8 [YouTube]
9. Урок 9 [YouTube]
10. Урок 10 [YouTube]

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

#Видео #Kotlin #rus
Codeanywhere

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

#сервис
📺 Уроки по NumPy

1. Пакет numpy - установка и первое знакомство [YouTube]
2. Основные типы данных [YouTube]
3. Функции автозаполнения, создания матриц и числовых диапазонов [YouTube]
4. Свойства и представления массивов [YouTube]
5. Изменение формы массивов, добавление осей [YouTube]
6. Объединение и разделение массивов [YouTube]
7. Индексация, срезы, итерирование массивов [YouTube]
8. Базовые математические операции над массивами [YouTube]
9. Булевы операции и функции, значения inf и nan [YouTube]
10. Базовые математические функции [YouTube]

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

#Видео #python #rus