Основы верстки сайта с нуля

В этом видео начнем верстать сайт с нуля. Верстка сайта это процесс создания сайта из макета, который нарисовал дизайнер. Видео для начинающих, в нем не будет препроцессоров, сборщиков и каких-либо инструментов, только HTML и CSS!

1. Подготовка к работе - 00:00
2. Создаем проект – 03:10
3. Шрифты - 05:35
4. Can I use? - 09:30
5. Начинаем верстать главный блок - 11:50
6. Верстаем шапку - 16:30
7. Верстаем заголовки - 25:40
8. Совет и ошибки начинающих - 33:30
9. Верстаем кнопку- 34:40
10. Верстаем нижнюю часть - 39:00

Programmer’s Notes | 👉 Смотреть видео

Что выбрать: PHP или Python?

Мы разобрались, под какие задачи и кому больше подходит PHP и Python, какие платформы они поддерживают,какими преимуществами и недостатками обладают и с чего лучше начинать свой путь в IT.

1. Кому нужен PHP или Python? - 00:00
2. Что должен знать бекэнд-разработчик? – 00:28
3. Год появления PHP и Python - 01:21
4. Область применения PHP и Python - 01:44
5. Популярность PHP и Python - 04:09
6. Сложно ли учить PHP и Python - 05:21
7. CMS и фреймворки PHP и Python - 06:56
8. Сколько зарабатывают? - 08:05
9. Что выбрать: PHP или Python? - 11:49

Programmer’s Notes | 👉 Смотреть видео

Переменные и типы данных в Python

Установка, написание первой программы, переменные, операции над числами.

1. Установка python - 5:25
2. Запуск и работа в IDLE, оператор print – 6:50
3. Переменные - 10:00
4. Типы переменных - 12:00

Programmer’s Notes | 👉 Смотреть видео

Что такое React и как его освоить?

В этом уроке разберемся, как работают Ruby on Rails, что это за технология, почему с её помощью создано так много стартапов. Научимся устанавливать ruby с помощью rvm на ubuntu, поставим гем rails и создадим наш новый проект на рельсах. Также расскажу вкратце, для чего какая папка нужна в проекте на Ruby on Rails. После всего этого мы задеплоим наш (пока очень простой) проект в интернет с помощью сервиса Heroku

1. Что такое Ruby on Rails? - 3:09
2. Как работает Ruby on Rails приложение – 4:54
3. Как установить Ruby on Rails на разные ОС - 10:15
4. Про системный руби - 11:49
5. Что такое apt-get - 14:12
6. Установка rvm - 17:07
7. Установка Ruby - 19:50
9. Установка Ruby on Rails - 22:40
10. Установка NodeJS и Yarn - 25:21
11. Создаем проект на rails - 29:19
12. Структура rails-проекта - 31:38
13. Выкладываем сайт на Heroku - 39:28
14. Заключение - 48:36

Programmer’s Notes | 👉 Смотреть видео

Что такое React и как его освоить?

В этом видео речь пойдет про JavaScript библиотеку React JS. На данный момент react самая испульзуемая из всех библиотек javascript. Я покажу что такое react js, сделаем обзор возможностей данной js библиотеки, а так же в конце расскажу плану изучения для начинающих. React js на самом деле на так сложен как кажется на первый взгляд, любой новичек знающий язык программирования javascript способен освоить реакт по урокам буквально за неделю. Вникнуть в react js проще простого особенно зная что вы можете на нем сделать.

1. Обзор React js - 00:00
2. Для чего нужен React js, библиотеки для React – 00:40
3. Марафон React js - 01:50
4. Что вы можете написать на React js - 03:00
5. Преимущества React js, Компонентный подход - 04:13
6. React Hooks: улучшенное управление состоянием - 05:27
7. Использование виртуального DOM - 06:13
9. Кроссплатформенные мобильные приложения React Native - 07:35
10. Актуальный план изучения React js - 07:55

Programmer’s Notes | 👉 Смотреть видео

Что такое React и как его освоить?

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

1. В уроке - 00:00
2. Создание объекта и его свойств – 00:32
3. Имена (ключи) свойств объектов - 02:50
4. Тип данных Symbol - 06:39
5. Вложенность объектов - 07:23
6. Значение свойств объекта из переменных - 08:33
7. Изменение объекта и его свойств - 10:04
9. Проверка существования свойства объекта - 16:18
10. Цикл for in - 20:24
11. Методы объектов. Использование "this" - 22:34
12. Функции-конструкторы - 27:03

Programmer’s Notes | 👉 Смотреть видео

Что такое локальный сервер и для чего нужен?

Язык PHP является серверным языком программирования. Для его работы требуется локальный или удаленный сервер. В ходе видео мы познакомимся с локальными серверами и дополнительно научимся выводить информацию при помощи PHP.

1. Зачем нужен сервер? - 00:19
2. Программы локальных серверов – 00:55
3. Настройка сервера - 01:25
4. Настройка сервера в PhpStorm - 03:13
5. Теги для написания PHP - 06:55
6. Базовая HTML структура - 07:40
7. Вывод текста. Оператор «echo» - 08:20
9. Вывод кавычек - 10:40
10. Создание комментариев - 12:15
11. Заключительная часть - 13:30

Programmer’s Notes | 👉 Смотреть видео

PostgreSQL: введение

Базы данных (БД) вообще и реляционные базы данных в частности - очень широкие темы. Эта серия уроков по SQL посвящена именно разработке реляционных баз данных под управлением PostgreSQL (PostgreSQL - это СУБД т.е. система управления базами данных).

1. Основные концепции: БД, СУБД - 00:00
2. Реляционная модель и SQL – 17:22
3. Почему стоит выбрать PostgreSQL в качестве СУБД? - 30:54
4. Установка PostgreSQL - 36:04
5. Обзор типов данных в PostgreSQL - 42:38
6. Как создать базу данных - 56:48
7. Как создать таблицу в БД - 1:04:22
8. Отношение "один ко многим" - 1:16:03
9. Отношение "один к одному" в теории - 1:35:18
10. Отношение "один к одному" на практике - 1:37:23
11. Отношение "многие ко многим" - 1:44:45
12. Создаём БД Northwind - 1:59:12

Programmer’s Notes | 👉 Смотреть видео

Что такое локальный сервер и для чего нужен?

В этом видео вы увидите на примерах, какие задачи выполняют Junior JavaScript программисты в своей ежедневной работе. Многие начинающие долго учат теорию, не понимая с чем им придется столкнуться в реальной работе программиста, ведь это уже не обучающие проекты. Мы рассмотрим что делают Junior javascript разработчики в напралениях: Frontend, backend и мобильной разработки. Какие части сайта верстает Junior, что делает с серверной частью бэкенда junior и как обстоят дела в мобильных приложениях.

1. Что делают Junior Javascript разработчики - 00:00
2. Чем отличаются Junior в разных компаниях – 01:10
3. Какие бывают IT компании - 01:30
4. Как Middle становится Junior - 02:22
5. Front-end разработка javascript задачи - 03:08
6. Задачи back-end разработчика Javascript - 04:40
7. Задачи мобильной разработки Javascript - 06:00

Programmer’s Notes | 👉 Смотреть видео

Как можно быстро выучить c++?

Как эффективно изучить C++ и не сойти с ума.

1. «Язык» C/C++ - 00:25
2. Зачем изучать C++? – 01:12
3. Чистый Си - 02:25
4. Высокоуровневые конструкции - 03:50
5. Практика - 04:51
6. Техническое интервью - 06:16
7. Отладка и дополнение Open Source без гемора со сборкой - 06:49
8. Ресурсы для профессионалов - 09:42
9. Итог - 10:13

Programmer’s Notes | 👉 Смотреть видео

🔘Статические файлы - Django

Веб-сайты обычно нуждаются в дополнительных файлах, таких как изображения, JavaScript или CSS. В Django мы называем эти файлы «статическими файлами».

1. Подключение Bootstrap - 01:15
2. Статические файлы. Папка «static» – 02:00
3. Написание основного HTML кода - 08:00
4. Пишем основные стили для проекта - 13:14
5. Именованные ссылки- 19:57
6. Дописываем основные стили для сайта - 22:25

Programmer’s Notes | 👉 Смотреть видео

Основы CSS

CSS - язык, который отвечает за описание внешнего вида HTML-документа. Это одна из базовых технологий в современном вебе. В этом видео я своими словами рассказываю про основы css. Разберем синтаксис, подключение стилей, работу с текстом и изображениями.

1. Основы CSS - 0:35
2. Как подключать стили? – 2:29
3. Подключение внешнего CSS - 4:18
4. Работа с текстом - 5:18
5. Блочная модель CSS - 9:44
6. Как сделать адаптивное изображение? - 11:14
7. Добавляем адаптивность текста - 12:24
8. Отступы в блочной модели - 12:59
9. Что изучать дальше? Итоги - 17:04

Programmer’s Notes | 👉 Смотреть видео

JS - Курс по React

React продвинутый КУРС в связке с TypeScript, Redux, Ant design. React redux typescript.

1. Начало разработки. Создание проекта - 02:05
2. Фундамент проекта. Роутинг. Управление состоянием. Файловая структура – 04:20
3. Постраничная навигация - 08:00
4. Layout приложения. Каркас. Ant Design - 14:00
5. Первый Reducer. Работа с Redux. Типизация - 20:20
6. Логика логина - 27:20
7. useActions - 47:35
8. Работа с календарем\событиями - 51:30
9. API. Паттерн сервис\репозиторий - 01:04:30

Programmer’s Notes | 👉 Смотреть видео

Операции со списками Python

В ходе урока мы научимся использовать списки (list) в языке Python для хранения множества значений.

1. Что такое список данных? - 00:17
2. Создание списка – 01:05
3. Работа с элементами списка - 04:15
4. Функции списка - 09:10
5. Вывод списка через цикл - 17:57
6. Наполнение списка пользователем - 20:52
7. Заключительная часть - 26:12

Programmer’s Notes | 👉 Смотреть видео

Язык Си для начинающи

В этом уроке мы с вами изучим язык программирования Си всего за одно видео за час! Мы изучим переменные, условные операторы, структуры и многое другое. После просмотра урока вы сможете сказать что вы действительно знаете язык Си!

1. Начало - 1:40
2. Ввод значений пользователем – 12:11
3. Условный оператор if - 13:18
4. Условный оператор switch case - 19:36
5. Циклы - 24:37
6. Функции - 30:06
7. Массивы - 36:58
8. Указатели- 47:57
9. Структуры- 52:24

Programmer’s Notes | 👉 Смотреть видео

Основы Ruby on Rails

В этом уроке поговорим про Object-Relational Mapping (ORM), CRUD, active record и почему рельсы так любят за удобный способ сохранять данные в базу данных и читать их из неё. . Разберемся, что такое миграции (migrations) и как они меняют структуру базу данных на примере sqlite3.

1. Приложение askme - 01:08
2. Создаем новое rails-приложение – 02:34
3. Что такое модели (models) - 04:21
4. Модели для приложения - 06:18
5. Что такое генераторы (generators) - 10:58
6. Команда rails db:migrate - 13:55
7. Консоль rails - 18:22
8. Что такое ORM и ActiveRecord - 23:06
9. Зачем нужны миграции (migrations) - 29:43

Programmer’s Notes | 👉 Смотреть видео

Основы Python - Первая программа

Начинаем изучение языка программирования Python. Установка, написание первой программы, переменные, операции над числами.

1. Установка python, начало - 5:25
2. Запуск и работа в IDLE, оператор print – 6:50
3. Переменные - 10:00
4. Типы переменных - 12:00

Programmer’s Notes | 👉 Смотреть видео

Введение в соединения (JOIN)

Соединение (JOIN) - одна из самых важных операций, выполняемых реляционными системами управления базами данных (РСУБД). РСУБД используют соединения для того, чтобы сопоставить строки одной таблицы строкам другой таблицы.

1. Введение в SQL джойны - 00:00
2. Внутреннее соединение (джойн) - INNER JOIN – 12:12
3. Внешние соединения (джойны) - LEFT, RIGHT JOIN - 29:14
4. Рекурсивное соедиенение (джойн) - SELF JOIN - 39:31
5. USING & NATURAL JOIN - 47:12
6. Псевдонимы с помощью AS - 51:44

Programmer’s Notes | 👉 Смотреть видео

🔘Табы (вкладки) для сайта на CSS и JavaScript

В этом видео вы увидите 4 способа реализации Табов (ещё их называют Вкладками).

1. Введение - 00:00
2. Табы на CSS (input и ~) - INNER JOIN – 00:22
3. Табы на CSS (:target) - LEFT, RIGHT JOIN - 08:02
4. Табы на jQuery - SELF JOIN - 14:10
5. Табы на JavaScript - 21:08

Programmer’s Notes | 👉 Смотреть видео

Табы (вкладки) для сайта на CSS и JavaScript

Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture. Продолжаем изучать работу с изображениями и сегодня поговорим о важной теме - адаптив изображений. Изучим CSS свойства object-fit и object-position и HTML теги picture и source. Рассмотрим практические примеры правильного адаптива картинок в разных ситуациях.

1. Вступление - 00:00
2. Метод max-width – 01:10
3. CSS object-fit и object-position - 06:23
4. HTML тег picture - 14:13

Programmer’s Notes | 👉 Смотреть видео

CSS свойства

В этом выпуске: CSS свойства. Что, для чего и как применяется, свойства, которые стоит запомнить в первую очередь, и всё это с примерами.

1. Background - 02:01
2. Border– 05:48
3. Color (color, opacity)- 10:13
4. Dimension (height, width) - 11:09
5. Generated content (content, counter-increment) - 13:21
6. Font - 15:17
7. List (list-style) - 17:08
8. Margin + Padding - 17:44
9. Outline - 22:17
10. Print - 22:45
11. Table (border-collapse, border-spacing) - 23:24
12. Text (text-align, text-decoration, text-shadow, line-height, vertical-align, letter-spacing, word-spacing) - 24:58
13. Transform- 31:38
14. Transitions - 33:11

Programmer’s Notes | 👉 Смотреть видео