Курсы для программистов

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

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

Код: nodesite

Как создать сайт на node js

Как создать сайт файлового хранилища на node js.
- установка среды
- установка пакета express и маршрутизация
- работа с представлениями
- загрузка файлов
- методы  get и post
- получение списка загруженных файлов
- вывод файлов на скачивание

Автор: Жданов В.В.






--


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

# Название видеоурока Видео / Тесты Решило Рейтинг Доступ
1 FREE О проекте и инструменты 00:04:24
 5 чел. ★ 4.2 Done
  На этом уроке мы поговорим о сайтах на Node JS и установим инструменты для работы с Node JS


Отчёт отправил: 30514. Tom Выполнено за 18 мин. [Показать отчёт]
Научился: Установил nodejs, подготовил несколько файлов разных типов. 
2 FREE Создание проекта на Node js 00:06:06
 3 чел. ★ 3.7 Done
  На этом уроке мы создадим проект и научим нашу программу выводить "Привет мир"
Отчёт отправил: 30514. Tom Выполнено за 27 мин. [Показать отчёт]
Научился: Научился создавать проект nodejs c помощью команды npm init. Создал файл app.js, запустил его командой node app. Создал package.json командой npm init. 
3 FREE Установка express и создание сайта 00:09:32
 3 чел. ★ 3.7 Done
  На этом уроке мы установим пакет express и создадим заготовку для сайта
Отчёт отправил: 30514. Tom Выполнено за 36 мин. [Показать отчёт]
Научился: Установил пакет express с помощью команды npm install express. Научился создавать сервер. Создал функцию для обработки get запроса главной страницы и запустил сервер на порту 3000. 
4 FREE План сайта и маршрутизация 00:05:55
 2 чел. ★ 3 Done
  На этом уроке мы набросаем план сайта и сделаем переход по ссылкам
Отчёт отправил: 30514. Tom Выполнено за 20 мин. [Показать отчёт]
Научился: Создал файл readme.md c планом сайта. Добавил страницу /upload и ее обработку. 
5 FREE Работа с представлениями 00:10:13
 2 чел. ★ 3 Done
  На этом уроке мы установим пакет для работы с представлениями hbs и создадим представления index и upload
Отчёт отправил: 30514. Tom Выполнено за 21 час. 32 мин. [Показать отчёт]
Научился: Установил пакет hbs c помощью команды npm install hbs. Создал два представления index.hbs и upload.hbs. Cделал вывод представлений через hbs. 
6 FREE Передача параметров в представление 00:10:36
 2 чел. ★ 3 Done
  На этом уроке мы создадим форму загрузки файлов в upload и научимся передавать параметры в представления
Отчёт отправил: 30514. Tom Выполнено за 34 мин. [Показать отчёт]
Научился: Научился создавать параметры в представлении и задавать им значения. Добавил параметры для заголовка страницы, названия кнопки. 
7 FREE Частичные представления 00:11:06
 2 чел. ★ 3 Done
  На этом уроке мы создадим частичное представление (главное меню) и интегрируем его в обычные представления
Отчёт отправил: 30514. Tom Выполнено за 43 мин. [Показать отчёт]
Научился: Научился делать частичное представление, оформил в нем меню. Добавил меню в представления index и upload.  
8 FREE Метод post и загрузка файлов 00:12:32
 2 чел. ★ 3 Done
  На этом уроке мы создадим обработчик метода post, установим пакет multer и загрузим файлы на сервер
Отчёт отправил: 30514. Tom Выполнено за 36 мин. [Показать отчёт]
Научился: Установил пакет multer. Добавил обработку post для upload. Загрузил 4 файла из папки res. 
9 FREE Настройки multer при загрузке файлов 00:09:31
 2 чел. ★ 3 Done
  На этом уроке мы настроим параметры multer для загрузки файлов
Отчёт отправил: 30514. Tom Выполнено за 23 мин. [Показать отчёт]
Научился: Изменил настройки multer для сохранения с корректным именем файла. Добавил к имени файла время сохранения. Загрузил 4 файла из папки res. 
10 FREE Получение списка загруженных файлов 00:12:28
 2 чел. ★ 3 Done
  На этом уроке мы получим список загруженных файлов в массив
Отчёт отправил: 30514. Tom Выполнено за 32 мин. [Показать отчёт]
Научился: В файле folder.js создал функцию getFiles, которая возвращает массив названий файлов в указанной папке. Сделал эту функцию доступной для вызова из app.js. Вывел в консоль список файлов в папке files. 
11 FREE Вывод списка файлов на странице 00:10:03
 2 чел. ★ 3 Done
  На этом уроке мы выведем список наших файлов на страницы и сделаем элементы списка файлов ссылками на скачивание
Отчёт отправил: 30514. Tom Выполнено за 26 мин. [Показать отчёт]
Научился: Научился передавать массив в представление. Сохранил массив в переменную links и передал ее в представление index. Понравилось как в представлении index.hbs был создан ul-список ссылок на файлы. Сохранил файлы в папку Downloads. 
12 FREE UIkit: список или карточки 00:13:45
 2 чел. ★ 3 Done
  На этом уроке мы подключим к представлениям css-фреймворк UIkit, и сделаем дизайн ссылок на скачиваемые файлы

Отчёт отправил: 30514. Tom Выполнено за 35 мин. [Показать отчёт]
Научился: Подключил фреймворк UIkit к представлению index. Изменил внешний вид ссылок на файлы. Сделал вывод файлов в виде карточек. 
13 FREE UIkit: дизайн меню и кнопок 00:08:26
 2 чел. ★ 3 Done
  На этом уроке мы сделаем дизайн главного меню и кнопки загрузки файлов

Отчёт отправил: 30514. Tom Выполнено за 1 час. 18 мин. [Показать отчёт]
Научился: С помощью UIkit изменил внешний вид меню, кнопок загрузки файла. Поработал с отображением списка файлов. Изменил иконку рядом со ссылками, добавил класс uk-card-hover для карточек. 
14 FREE ФИНАЛЬНЫЙ ВИДЕО ОБЗОР без видео
 2 чел. ★ 3 Done
  Мы уже многое сделали на нашем видеокурсе, и автору очень важно
узнать мнение о данном курсе и получить обратную связь
в форме видео-презентации и ответов на вопросы.

Сделай видео-презентацию своей программы.
Отчёт отправил: 30514. Tom Выполнено за 1 час. 16 мин. [Показать отчёт]
Научился: На этом курсе я познакомился с node.js для создания сайта. Понравилась легкая подача материала автором курса. Валерий представил быстрый способ создания сайта для хранения файлов, показал как с помощью готовых компонент это можно сделать просто и удобно. На этом курсе я узнал как работать с представлениями, познакомился с фреймворком UIkit. Рекомендую всем этот курс, спасибо Валерий! 
Видеообзор: rp60X75QC2g
  Итого:   14 видеоуроков 2 час. 04 мин.
 2 чел. ★ 3.19  
  Финалисты:   1,   Tom .

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





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

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

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

Ты в любой момент сможешь отписаться от рассылки.
30514. Tom / Как создать сайт на node js / ФИНАЛЬНЫЙ ВИДЕО ОБЗОР


Научился: На этом курсе я познакомился с node.js для создания сайта. Понравилась легкая подача материала автором курса. Валерий представил быстрый способ создания сайта для хранения файлов, показал как с помощью готовых компонент это можно сделать просто и удобно. На этом курсе я узнал как работать с представлениями, познакомился с фреймворком UIkit. Рекомендую всем этот курс, спасибо Валерий!