C# обучение видео

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

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

Код: nodejsqr

Генератор qr кодов на Node JS



Создание web генератора qr кода на Node JS



--


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

# Название видеоурока Видео / Тесты Решило Рейтинг Доступ
1 FREE О qr-коде 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы поговорим о qr-коде, что это, для чего он нужен, где используется. Кроме того, мы сгенерируем qr код для своей фразы, а также распознаем сторонний qr код, используя возможности qrrd.ru

https://ru.wikipedia.org/wiki/QR-%D0%BA%D0%BE%D0%B4 - информация о qr-коде в википедии

https://www.qrrd.ru/ - ресурс создания и распознания qr кодов
Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт]
Научился: Создал на сайте Qr - код и успешно его распознал  
2 Инструменты для работы Node JS 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы проверим наличие, и при необходимости установим средства разработки программ на Node JS

https://nodejs.org/en/ - официальный сайт NodeJS

https://disk.yandex.ru/i/yX9_pRaV_DZ0jQ - инструкция по установке NodeJS

https://code.visualstudio.com/ - официальный сайт Visual Studio Code

https://disk.yandex.ru/i/G2ImK2S1iFER2Q -инструкция по установке Visual Studio Code
Отчёт отправил: 9014. Николай Денисов Выполнено за 8 мин. [Показать отчёт]
Научился: установил node JS visual code давно имеется  
3 Создание проекта 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим проект и инициируем его в npm. 

npm init

Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт]
Научился: Создал проэкт, вывел в консоль результат работы  
4 Установка библиотеки qrcode. Вывод qr кода в консоль 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы установим библиотеку qrcode и выведем код в консоль

https://www.npmjs.com/package/qrcode - библиотечка qrcode для nodejs

npm install --save qrcode

Отчёт отправил: 9014. Николай Денисов Выполнено за 11 мин. [Показать отчёт]
Научился: Установил библиотеку вывел кюар код  
5 Вывод qr кода в файл. 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы выведем qr код в файл изображения, а  также распознаем его при помощи online-сервиса qrrd.ru

https://www.qrrd.ru/ - ресурс создания и распознания qr кодов
Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт]
Научился: Создал кюар и распознал его на сайте  
6 Параметры вывода 00:00:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы зададим параметры qr кода: цвет, размер (масштаб), отступ

https://www.npmjs.com/package/qrcode#api - описание свойств qr кода в библиотечке qrcode
Отчёт отправил: 9014. Николай Денисов Выполнено за 14 мин. [Показать отчёт]
Научился: Поработал с параметрами qr - code 
7 Создание проекта qr_web 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим проект для web генератора qr кода и подключим к нему необходимые библиотеки


npm init  -y
npm i qrcode express hbs
npm i -D nodemon
Отчёт отправил: 9014. Николай Денисов Выполнено за 14 мин. [Показать отчёт]
Научился: Создал проэкт и подключил необходимые библиотеки  
8 Запуск web проекта 00:00:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы напишем алгоритм запуска  express сервера в index.js,
а потом запустим с командной строки

https://expressjs.com/ru/ - ссылка на на официальный сайт express


"scripts": {
    "dev": "nodemon index"
  }
Отчёт отправил: 9014. Николай Денисов Выполнено за 17 мин. [Показать отчёт]
Научился: Изменил package, запустил секвер, вывел результат в браузер  
9 Подключение представления 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим представление и подключим его к нашему проекту
Отчёт отправил: 9014. Николай Денисов Выполнено за 21 мин. [Показать отчёт]
Научился: Создал предстовлени  
Сложности: Ни сразу получилось увидить предстовление, так как сначало надобыло запустить сервер командой - npm run dev и сразу всё заработало  
10 Создание формы 00:00:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы создадим форму для генерации qr кода

https://placeholder.com/  - генерация заглушек для изображения
Отчёт отправил: 9014. Николай Денисов Выполнено за 16 мин. [Показать отчёт]
Научился: Создал форму  
Сложности: Странно картинка не хотела сразу обнавлятся дума что написал с ошиброй но походу интернет плохо грузит  
11 Обработка данных формы 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим обработчик данных формы
Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт]
Научился: Получил гет зпрос  
Сложности: Не забыть запреч nodemon командой - "npm run dev" чтобы рулил Поехали !!!   
12 Получение qr кода 00:00:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы получим qr код и выведем его на страницу
Отчёт отправил: 9014. Николай Денисов Выполнено за 20 мин. [Показать отчёт]
Научился: Сгенирировал qr - код и распознал  
Сложности: Картинка не хотела сохранятся, выдовала ошибку. Но пото как - то взяла и сохранилась "ФАНТАСТИКА" 
13 Управление параметрами: добавление элементов в представлении 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим элементы управления параметрами в представление
Отчёт отправил: 9014. Николай Денисов Выполнено за 14 мин. [Показать отчёт]
Научился: Реализовал сохранения и настройки qr - кода 
14 Управление параметрами: создание qr кода 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы реализуем создание qr кода с параметрами
Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт]
Научился: Реализовал настройки qr- кода 
15 Bootstrap дизайн: подключение bootstrap 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы подключим к нашему представлению функционал фреймворка bootstrap и создадим заготовку колонок для дизайна

https://getbootstrap.com

https://getbootstrap.com/docs/5.1/getting-started/introduction/


Отчёт отправил: 9014. Николай Денисов Выполнено за 12 мин. [Показать отчёт]
Научился: Подключил Bootstrap , всё замечтательно !!! 
16 Bootstrap дизайн: карты, поля, две колонки 00:00:00
 2 чел. ★ 5 Done
  На этом уроке мы перенесем элементы управления в bootstrap функционал (начало)
Отчёт отправил: 9014. Николай Денисов Выполнено за 27 мин. [Показать отчёт]
Научился: Оформил bootstrap предстовление  
17 Bootstrap дизайн: масштаб, отступ, кнопка, панель 00:00:00
 2 чел. ★ 5 Done
  На этом уроке мы реализуем числовые поля, кнопку submit и панель в bootstrap функционале
Отчёт отправил: 9014. Николай Денисов Выполнено за 21 мин. [Показать отчёт]
Научился: Ремализова настройка размера кода, кнопку генирации и меню  
18 ФИНАЛЬНЫЙ УРОК без видео
 2 чел. ★ 5 Done
  Сделай видео-презентацию своей программы.
Отчёт отправил: 9014. Николай Денисов Выполнено за 5 мин. [Показать отчёт]
Научился: Познакомился с Node JS Поработал с Bootstrap Узнал как создовать сайты JS  
Сложности: Вродебы все было просто - рекомендую всем к прохождению.  
Видеообзор: BZPqQIfQDuA
  Итого:   18 видеоуроков 00 мин.
4 теста 		2 чел. ★ 5  
  Финалисты:   Tom,   Николай Денисов .

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





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

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

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

Ты в любой момент сможешь отписаться от рассылки.
30514. Tom / Генератор qr кодов на Node JS / ФИНАЛЬНЫЙ УРОК


Научился: На этом курсе я научился генерировать qr коды с помощью node js. Попрактиковался в создании сервера с помощью библиотеки express. Познакомился с bootstrap 5. Следующий курс "Bootstrap-4 первые шаги".

9014. Николай Денисов / Генератор qr кодов на Node JS / ФИНАЛЬНЫЙ УРОК


Научился: Познакомился с Node JS Поработал с Bootstrap Узнал как создовать сайты JS
Трудности: Вродебы все было просто - рекомендую всем к прохождению.