Си шарп видео уроки

Формула программиста

основатель — Волосатов Евгений Витольдович

Клуб формулистов - Ежемесячная подписка

Вступление в Клуб Формулистов на выгодных условиях для НОВЫХ участников.

После взноса  999  499 руб. вы получите подписку
в Клуб Формулистов на 30 дней и 256 байт для быстрого старта.
Байты используются для открытия более одного урока в день, по 50 байт за урок.

Стоимость 1 дня за первый месяц: всего 16 рублей.

Первый взнос - 499 руб./30 дней.

Через 30 дней будет списано 3,000 2,400 руб.
за продление подписки в Клуб на 30 дней + подарок 512 байт.

Так будет продолжаться каждые 30 дней, пока вы не отмените подписку.
Средства будет автоматически считываться с вашей карты.
Вы в любой момент сможете отказаться от продления Клуба.

Только ДО КОНЦА НЕДЕЛИ -
-50% скидка на первый взнос, всего 499 (вместо 999) рублей!
-20% скидка на ЕЖЕМЕСЯЧНЫЙ платёж!
Всего 2400 руб/месяц (вместо 3000 руб/месяц), или 80 руб./день - цена чашки кофе.


Стоимость 1 дня: 80 руб.

Хочу вступить!

Также есть другие варианты оплаты участия в КФ:

Билет в клуб формулистов на ...
30+ дней | 60 дней | 150 дней | 380 дней | 1000 дней

Внимание!
Стоимость участия в Клубе формулистов увеличивается 1 числа каждого месяца на 100 рублей.
При оформления подписки стоимость остаётся постоянной, пока подписка не будет отменена.







Первый взнос - 499 руб./30 дней + 500 байт.
Последующие взносы - 3,000 2400 руб./месяц + 512 байт.



Список уроков | фото | видео

# Название видеоурока Видео / Тесты Решило Рейтинг Доступ
1 FREE Погружение в проект 00:06:52
2 теста
22 чел. ★ 4.8 Done
  На этом уроке мы рассмотрим, что такое bootstrap-4,
рассмотрим инструменты и материалы для нашего проекта

Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 31 мин. [Показать отчёт]
Научился: Эммет есть, Брэкетс присутствует, картинки засолены. Будет интересно! 
2 Основа и фреймворк 00:10:37
4 теста
18 чел. ★ 4.9 Done
  На этом уроке мы создадим проект лендинг-страницы
и подключим к нему библиотеку bootstrap-4
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 1 мин. [Показать отчёт]
Научился: Восклицательный знак + табуляция == заготовка html, head и body. Фича Emmeta сие есть. Отображение на лету у меня отчего-то недоступно, даже хинт выскакивает - для отображения Сохраните. 
3 Верная навигация 00:14:21
2 теста
17 чел. ★ 5 Done
  На этом уроке мы создадим красивое адаптивное навигационное меню
для нашего сайта
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 36 мин. [Показать отчёт]
Научился: a.navbar-brand - титульник collapse - сжимаемый элемент страницы (li.nav-item>a.nav-link)*4 == повтори четыре раза создание в скобках, друг Эммет. 
4 Заголовок header - красивая основа 00:07:14
1 тест
17 чел. ★ 4.9 Done
  На этом уроке мы создадим заголовок header и зададим его стиль
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 46 мин. [Показать отчёт]
Научился: чтобы Live Preview работало - очищай порты. В моем случае к этому уроку предпросмотр вообще отказался открывать гуглхром страницу возвращая ошибку и предложение поискать решения на гитхабе. Почитал - не нашел своего случая. Перезапуск компа не помог, очистка кэша не помогла. Решением стало отключение дельфинчика в трее (MySQL висел на потру 3306). Как послал дельфинчика отдохнуть - так и Live Preview перестал капризничать и картинки красиво нарисовались на сайте. Браво, Валерий! Даёшь стране угля! 
5 Заголовок header - оверлей, надпись и кнопка 00:12:31
1 тест
16 чел. ★ 4.9 Done
  На этом уроке мы дооформим header, и разместим на нем надпись и кнопку
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 55 мин. [Показать отчёт]
Научился: удалив последнюю версию Brackets ver. sprint13 build 1.13.0-17696 release 49d29a8bc Thu Jun 14 2018 08:13:54 GMT+001 и скачав с офсайта предыдущую 12 версию - получил лайвПревью отображающее изменения в коде на лету. Рекомендации лучших собаководов. Смотрю сейчас видео урока и присматриваюсь к интерфейсу Брэкетса у Валерия - вижу в середине его экрана под значком коннекта LivePreview зеленую пиктограмму в виде коробки перевязанной ленточкой - если навести на неё даётся предложение скачать и установить глючившую у меня последнюю версию Брэкетса 13 версии. Всем, кому охота камасутры с сырым продуктом - качать незамедлительно! <h1> - крупный заголовок <p> - параграф Вторая иллюстрация - с информацией о работоспособной версии Brackets 
6 Об авторе - блоки и HTML 00:14:06
1 тест
16 чел. ★ 5 Done
  На этом уроке мы создадим блок "Об авторе" и наполним его контентом
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 46 мин. [Показать отчёт]
Научился: <!--комментарий--> - здесь в HTML пишем комментарии в коде Сетка Бутстрапа делена на 12 полей. <img src="images/my.jpg" alt="no-image" class="img-fluid"> - вставить изображение, альт - если заданной картинки не оказалось, класс - обтекающее изображение 
7 Об авторе - отступы и дополнения 00:13:31
1 тест
16 чел. ★ 5 Done
  На этом уроке мы сделаем дополнения информации об авторе и начнем работу со стилями
в данном блоке
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 36 мин. [Показать отчёт]
Научился: em - 1em – текущий размер шрифта. Можно брать любые пропорции от текущего шрифта: 2em, 0.5em и т.п. Размеры в em – относительные, они определяются по текущему контексту. <h3> - Устанавливает заголовок третьего уровня. <span> - запрет переносов, элемент объединения колонок .about h1{color: #f97300} - допустимы объединения указателей - класс About, подзаголовок h1, к примеру. 
8 Об авторе - отступы, цвета, закругления 00:11:35
16 чел. ★ 4.9 Done
  На этом уроке мы зададим красивые цвета тексту и интересный вид картинки
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 38 мин. [Показать отчёт]
Научился: допустимы применения стилей для подразделов, элементов классов примерно так: .about .about_me h3 В классе есть подкласс, так в нём ещё и выделим нужный элемент и установим ему желаемый стиль. Удобство зашкаливает, осталось лишь овладеть техникой. 
9 Товар лицом 00:16:22
16 чел. ★ 4.9 Done
  На этом уроке мы создадим заготовки для портфолио (представления товара или услуг)
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 21 мин. [Показать отчёт]
Научился: <div class="col-sm"> - если в классе колонки не указан числовой параметр, то колонки создаются одинаковой ширины. Новшество Бутстрапа 4. https://via.placeholder.com/150 - готовые заглушки для будущих изображений 
10 Отзывы - размещение карточек 00:09:08
15 чел. ★ 5 Done
  На этом занятии мы создадим и заполним карточки отзывов
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 24 мин. [Показать отчёт]
Научился: C Emmet работать - одно удовольствие. Массу рутинной работы берет на себя. Card – это компонент Bootstrap 4, который позволяет оформить контент в виде карточки. Карточка может использоваться: с заголовком (футером) или без него; с использованием картинки (её можно расположить в верхней или нижней части) или без неё; с произвольным количеством элементов и их расположением в основной части. 
11 Отзывы - стили 00:08:55
15 чел. ★ 4.9 Done
  На этом уроке мы зададим стиль карточкам отзывов

Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 38 мин. [Показать отчёт]
Научился: margin даст отступы box-shadow - даст объемное выделение элемента Единицу измерения после коэффициента в стилях пиши без пробела, иначе она не будет работать. Правильно: 1em; Неправильно: 1 em; hover - при движении мышки над объектом будет применяться указанный в фигурных скобках эффект cursor: pointer - даст изображение простёртой длани с указательным перстом вверх вместо стрелки курсора. 
12 Отзывы: карты - в сетку 00:13:26
4 теста
15 чел. ★ 5 Done
  На этом уроке мы сделаем карты ровными и научимся использовать в стилях  шрифты с google fonts
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 41 мин. [Показать отчёт]
Научился: Для одного элемента допустимо перечислять классы через пробел, указывая более одного. margin - внешний отступ padding - внутренний отступ fonts.google.com - склад шрифтов от Гугла Делай раз: в style.css повыше пропиши импорт шрифта с адресом его складирования на сайте Гугла. Делай два: ниже в идентификаторе пропиши его в фонт-фЭмили в одинарные кавычки. Делай три: наслаждайся красотой, спасшей твой сайт. 
Сложности: Жить в невежестве до этого урока не зная разницы между margin и padding. Но я справился. 
13 Обратная связь - создание формы 00:13:13
14 чел. ★ 4.9 Done
  На этом уроке мы создадим форму обратной связи
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 50 мин. [Показать отчёт]
Научился: placeholder - псевдоэлемент, с помощью которого задаётся стилевое оформление подсказывающего текста. Можно использовать свойства для изменения вида текста, задать шрифт и цвет. Пример: placeholder { color: #ffd595; }  
14 Обратная связь - стильная форма 00:06:11
1 тест
14 чел. ★ 5 Done
  На этом уроке мы зададим стили элементам формы обратной связи
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 23 мин. [Показать отчёт]
Научился: HTML-формы == элементы управления для сбора информации от посетителей веб-сайта. Состоят из текстовых полей, кнопок, списков. Технически формы передают данные от пользователя Серверу. Для получения и обработки данных форм используются PHP, Perl. До появления HTML5 веб-формы представляли собой набор нескольких элементов <input type="text">, <input type="password">, завершающихся кнопкой <input type="submit">. Для стилизации форм в разных браузерах приходилось попотеть. Формы требовали применения JavaScript для проверки введенных данных, были лишены специфических типов полей ввода для указания повседневной информации типа дат, адресов электронной почты и URL-адресов. HTML5-формы решили большинство проблем благодаря новым атрибутам, предоставив возможность изменять внешний вид элементов форм за счет CSS3. 
15 JS-навигация 00:21:38
14 чел. ★ 4.9 Done
  На этом уроке мы сделаем пункты меню активными и реализуем навигацию по сайту при помощи jQuery
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 4 час. 17 мин. [Показать отчёт]
Научился: Когда возникает забота оживить нарисованные на сайте кнопки и меню рисуют  код javascript в отдельном файле или сразу здесь. Если файл со скриптом внешний его надо подключить в той строке от которой он может пригодиться и ниже. Подключение делаем так: <script src="JS/main.js" type="text/javascript" ><script> Если видишь в скриптовом коде знак $ - это не про зеленую бумагу, это обозначение jQuery равносильное если бы так и написали jQuery. Коротко: $ == jQuery $(document).ready(function()) - обрабатывается document когда он ready выполнить function(c параметрами в скобках ()-скобки пустые, если параметров нет, но скобки вынь да положь!) {В фигурных скобках - описание функции} navbar-fixed-top - при прокрутке лендинга исчезнет вверх             fixed-top - при прокрутке лендинга  НЕ исчезнет решетка для jQuery - это идентификатор id scrollTop - функция прокрутки вверх 
16 ФИНАЛЬНЫЙ УРОК без видео
4 чел. ★ 5 Open
  Сделай видео-презентацию своей программы.
На видео необходимо ответить на следующие вопросы:
0. Показать, что у тебя получилось.
1. Чему ты научился на этом курсе?
2. Что тебе понравилось, что нет?
3. Что ты ещё добавишь в свой проект?
4. Какой следующий курс ты будешь проходить?
  Итого:   16 видеоуроков 2 час. 59 мин.
17 тестов
4 чел. ★ 4.94  
  Финалисты:   Konstantin,   vip,   Yaroslav,   Николай Денисов .

Начинаем практику по языку C#





Если вы пришли без приглашения -
введите тысяча двадцать четыре (цифрами).
Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.


Научился: Создавать одностраничник с помощью bootstrap-4. Мне нравится адаптивная сетка вёрстки. Для полноты надо добавить PHP MySQL либо какую то CMS. Следующий курс это будет JQuery.
Трудности: Правильно подобрать слова.



Научился: Курс интересный и познавательный, все понравилось. Рекомендую пройти каждому. Валерий Жданов Молодец, отлично постарался!!! Единственное замечание Джава скрипт какой-то странный
Трудности: Разрабатывать сайты в Brackets