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 кодов
Отчёт отправил: 11589. Yefim Выполнено за 1 час. 5 мин. [Показать отчёт]
Научился: Ознакомился с информацией о qr коде в википедии Научился генерировать свой qr на сайте qrrd.ru 
Сложности: -------------- 
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
Отчёт отправил: 11589. Yefim Выполнено за 2 мин. [Показать отчёт]
Научился: Устанавливать NodeJS, VS Code  
Сложности: -------------- 
3 Создание проекта 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим проект и инициируем его в npm. 

npm init

Отчёт отправил: 11589. Yefim Выполнено за 1 час. 14 мин. [Показать отчёт]
Научился: Создавать js-файлы! Создавать консольный проект в Visual Studio Code. Выводить в консоль фразы.  
Сложности: ---------- 
4 Установка библиотеки qrcode. Вывод qr кода в консоль 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы установим библиотеку qrcode и выведем код в консоль

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

npm install --save qrcode

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

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

https://www.npmjs.com/package/qrcode#api - описание свойств qr кода в библиотечке qrcode
Отчёт отправил: 11589. Yefim Выполнено за 21 час. 57 мин. [Показать отчёт]
Научился: Создавать переменную params и передавать ее в функцию qrcode.toFile()   Задавать свои параметры цвета (color), отступ (margin) и масштаб (scale) qr кода 
Сложности: Хотелось бы знать, для чего нужны разные параметры? Наверно, не только , чтобы глазу было приятней. 
7 Создание проекта qr_web 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим проект для web генератора qr кода и подключим к нему необходимые библиотеки


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

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


"scripts": {
    "dev": "nodemon index"
  }
Отчёт отправил: 11589. Yefim Выполнено за 13 час. 55 мин. [Показать отчёт]
Научился: Вносить изменения в package.json в секцию scripts   Писать код сервера   Запускать веб сервер командой npm run dev   Открывать главную страницу в браузерe 
Сложности: Вопрос: порт 3000 будет всегда или можно выбирать другой? 
9 Подключение представления 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим представление и подключим его к нашему проекту
Отчёт отправил: 11589. Yefim Выполнено за 3 час. 7 мин. [Показать отчёт]
Научился: Создавать папку views и представление index.hbs Запускать серяер, обновлять страницу в браузере и проверять корректность вывода представления 
Сложности: --------------- 
10 Создание формы 00:00:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы создадим форму для генерации qr кода

https://placeholder.com/  - генерация заглушек для изображения
Отчёт отправил: 11589. Yefim Выполнено за 37 мин. [Показать отчёт]
Научился: Создавать форму с текстовым полем textarea и кнопкой submit в index.hbs Создавать элемент картинки img и в качестве ресурса использовать закладку из placeholder.com Вывсоздать форму с текстовым полем textarea и кнопкой submit в index.hbs   2. создать элемент картинки img и в качестве ресурса сделать закладку из placeholder.com   3. Выводить форму в браузере 
Сложности: ------------ 
11 Обработка данных формы 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим обработчик данных формы
Отчёт отправил: 11589. Yefim Выполнено за 3 мин. [Показать отчёт]
Научился: Создавать роутер app.post()   Создавать парсер, используя метод express для распознавания входящего объекта запроса   Получать данные текстового поля  
Сложности: ---------------------- 
12 Получение qr кода 00:00:00
1 тест 		3 чел. ★ 5 Done
  На этом уроке мы получим qr код и выведем его на страницу
Отчёт отправил: 11589. Yefim Выполнено за 1 мин. [Показать отчёт]
Научился: Вносить изменения в метод app.get и в представление Создавать функцию генерации qr кода  
Сложности: ----------- 
13 Управление параметрами: добавление элементов в представлении 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы создадим элементы управления параметрами в представление
Отчёт отправил: 11589. Yefim Выполнено за 18 час. 46 мин. [Показать отчёт]
Научился: Задавать ссылку сохранения файла изображения Создавать поля выбора цветов кода и фона Создавать поля выбора размера и отступа.  
Сложности: Вопрос: Существует ли механизм, предотвращающий совпадения цветов кода и фона? 
14 Управление параметрами: создание qr кода 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы реализуем создание qr кода с параметрами
Отчёт отправил: 11589. Yefim Выполнено за 6 час. 58 мин. [Показать отчёт]
Научился: Реализовывать создание qr кода с параметрами 
Сложности: ------------ 
15 Bootstrap дизайн: подключение bootstrap 00:00:00
 3 чел. ★ 5 Done
  На этом уроке мы подключим к нашему представлению функционал фреймворка bootstrap и создадим заготовку колонок для дизайна

https://getbootstrap.com

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


Отчёт отправил: 11589. Yefim Выполнено за 33 мин. [Показать отчёт]
Научился: Переименовывать index.hbs в index_old.hbs Создавать новый index.hbs с помощью bootstrap.com Создавать колонки-заготовки для дизайна 
Сложности: ----------------- 
16 Bootstrap дизайн: карты, поля, две колонки 00:00:00
 2 чел. ★ 5 Open
  На этом уроке мы перенесем элементы управления в bootstrap функционал (начало)
17 Bootstrap дизайн: масштаб, отступ, кнопка, панель 00:00:00
 2 чел. ★ 5 $
  На этом уроке мы реализуем числовые поля, кнопку submit и панель в bootstrap функционале
18 ФИНАЛЬНЫЙ УРОК без видео
 2 чел. ★ 5 $
  Сделай видео-презентацию своей программы.
  Итого:   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
Трудности: Вродебы все было просто - рекомендую всем к прохождению.