Skip to content

fix: readme 1_2 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Yarovenko-Dmitry wants to merge 8 commits into
base: develop
Choose a base branch
from
Open

fix: readme 1_2 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
339606f
feat add git ignore
Soullnik Apr 10, 2020
d695e47
fix: readme 1_1
Apr 10, 2020
79cfb72
feat: add branch
Apr 10, 2020
4491a4e
fix: readme 1_2
Apr 10, 2020
c50acd4
feat: add work version
Apr 10, 2020
eb7d94d
feat: add webpack with settings
Apr 10, 2020
62e5d10
feat: add webpack with settings
Apr 10, 2020
d5dcb4e
feat: add webpack with settings
Apr 10, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 40 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,3 +120,43 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
},
```
***npm install webpack-dev-server --save-dev***



# First start #

##### 1 #####
***git checkout develop***
##### 2 #####
***npm init***
##### 3 #####
***npm install***



# NOTE #


## 1 webpack.config.js ##

***npm dev*** ``` "dev": "webpack --mode development" ```
##### запускает компиляцию вебпака в моде девелопмент (тобишь читаемом) #####

***npm build*** ``` "build": "webpack --mode production" ```
##### запускает компиляцию вебпака в продакш, когда все сжимается #####

***npm watch*** ``` "watch": "webpack --mode development" ```
##### можно убрать, т.к. в конфиге вебпака прописно watch сразу на develop #####

***npm start*** ``` "start": "webpack-dev-server --mode development --open" ```
##### запускает лайв сервер #####

***npm clear*** ``` "clear": "del-cli dist" ```
##### для удаления диста (например перед пулом в репу) #####



## 2 useful commands and etc ##

***Ctrl + C***
##### остановить сервер #####
2 changes: 1 addition & 1 deletion package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "myWebPackconfig",
"name": "webpackconfig",
"version": "1.0.0",
"description": "text",
"description": "webpack with settings",
"main": "index.js",
"scripts": {
"dev": "webpack --mode development",
Expand All @@ -10,7 +10,7 @@
"start": "webpack-dev-server --mode development --open",
"clear": "del-cli dist"
},
"author": "Nikolay lozicki",
"author": "webpack",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.9.0",
Expand Down
39 changes: 36 additions & 3 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>english-for-kids</title>
<title>Titel</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
</head>
Expand All @@ -18,21 +18,54 @@
<div class="navbar-collapse collapse flex-column mt-md-0 mt-4 pt-md-0 pt-4" id="navbarWEX">
<a class="nav-link navbar-brand active" href="~/Views/Forms/ControlPanel.cshtml"><span class="fa fa-home"></span></a>
<a href="" class="nav-link">Linnk</a>
<a href="" class="nav-link">Linnk</a>
<a href="" class="nav-link">Linn123445456456k</a>
<a href="" class="nav-link">Linnk</a>
<a href="" class="nav-link">Linnk</a>
<a href="" class="nav-link">Linnk</a>
<a href="" class="nav-link">Linnk</a>
</div>
</nav>
</div>
<nav class="container-fluid"></nav>
<div class="col-9 col-sm-10 col-md-10 col-lg-11 col-xl-11">
<div class="container align-baseline">
<div id="card_container" class="row row-cols-4 text-center justify-content-around">
<div class="col mb-4">
<div class="card">
<div class="view overlay">
<img class="card-img-top" src="${this.image}"
alt="Card image cap">
<a href="#!">
<div class="mask rgba-white-slight"></div>
</a>
</div>
<div class="card-body">
<h4 class="card-title"></h4>
<p class="card-text"></p>
<button type="button" class="btn btn-light-blue btn-md">Read more</button>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card">
<div class="view overlay">
<img class="card-img-top" src="${this.image}"
alt="Card image cap">
<a href="#!">
<div class="mask rgba-white-slight"></div>
</a>
</div>
<div class="card-body">
<h4 class="card-title"></h4>
<p class="card-text"></p>
<button type="button" class="btn btn-light-blue btn-md">Read more</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
</html>
Empty file added src/js/data.js
View file
Open in desktop
Empty file.
5 changes: 2 additions & 3 deletions src/sass/bootstrap/_custom.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,5 @@ body {
}

.collapse:not(.show) {
display: block; }
421 git remote add origin https://github.com/Soullnik/english-for-kids.git
422 git push -u origin master
display: block;
}