Demo for GDG DevFest 2019 Bishkek
Only CSS without JS? Is it real? / Только CSS без JS? А так можно?
- Task D description (from Yandex.Contest 2019 Frontend Final #2)
- Slides
- How to run demo locally
- How to run tests for demo (
Puppeteer
+Google Chrome
inDocker
usingVSCode
Remote-Containers
)
- Install VSCode
- Set alias for ability to open
VSCode
from command line ascode
(see for Mac or for Windows or for Linux) - Install Docker Desktop
- Install Remote Development extension for VSCode
- Clone this repo
git clone https://github.com/CyberLight/devfest-gdg-2019.git
to any location - Go to
devfest-gdg-2019
folder - Run command
code .
(If you setup alias for VSCode using instructions above) - Click on
Reopen in Container
button from bottom right corner ofVSCode
- Wait while
VSCode
installs a remote development environment forVSCode
in docker - Go to
chess.scss
and click onWatch Sass
in theVSCode
status bar to create raw css of chessboard- After that, you will see two new files in the project root folder
- Open remote terminal and run
npm test
for run all tests using headles chrome inside Docker- Or run
npm start
and openhttp://localhost:9001
in yourGoogle Chrome
browser
- Or run
- Install
node.js latest
to your system - Install VSCode
- Clone this repo
git clone https://github.com/CyberLight/devfest-gdg-2019.git
to any location - Launch VSCode and open
devfest-gdg-2019
folder - Install the following
VSCode
extensionsESLint
Live Sass Compiler
- Go to
chess.scss
and click onWatch Sass
in theVSCode
status bar to create raw css of chessboard- After that, you will see two new files in the project root folder
- In
VSCode
integrated terminal runnpm test
(for running tests) ornpm start
(for viewing final result of task solution)