Front-end_labs

lab_1

Simple page with dockerfile.

lab_2

Simple webpack project.

npm install webpack webpack-cli html-webpack-plugin

Build project: npm run build.

Start server: npm run dev-start.

lab_3

Site with navigation.

npm install webpack webpack-cli html-webpack-plugin

Build project: npm run build.

Start server: npm run dev-start.

lab_5

The same as lab_3, but with scss and styles.

npm install webpack webpack-cli html-webpack-plugin style-loader css-loader sass-loader mini-css-extract-plugin node-sass

Build project: npm run build.

Start server: npm run dev-start.

lab_6

Scss preprocessor.

npm install webpack webpack-cli html-webpack-plugin style-loader css-loader sass-loader mini-css-extract-plugin node-sass

Scss to css: npx node-sass index.scss styles.css

Build project: npm run build.

Start server: npm run dev-start.

lab_7

Css media screen. Check styles.css and print.css.

npm install webpack webpack-cli html-webpack-plugin style-loader css-loader sass-loader mini-css-extract-plugin node-sass

Scss to css: npx node-sass index.scss styles.css

Build project: npm run build.

Start server: npm run dev-start.

lab_8

Simple React app with using templates.

Build project: npm run build.

Start server: npm start.

lab_9

React app with amount filter by years and expenses adding function.

Build project: npm run build.

Start server: npm start.