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

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

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

РКН: https://clck.ru/3FjTpV
Download Telegram
📺 Уроки 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
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.

#сервис