CyberLight / devfest-gdg-2019

Solution for Task D from Yandex.Contest Frontend 2019 (Final)

Home Page:https://codepen.io/CyberLight/pen/qBEaEya

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Only CSS without JS? Is it real?



gdg-devfest-2019

Demo for GDG DevFest 2019 Bishkek

Only CSS without JS? Is it real? / Только CSS без JS? А так можно?


Table of content:

  • 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 in Docker using VSCode Remote-Containers)

Task D description

GDG DevFest 2019 slides

Hi-tech setup

How to setup environment

How to run demo

  • 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 of VSCode
  • Wait while VSCode installs a remote development environment for VSCode in docker
  • Go to chess.scss and click on Watch Sass in the VSCode 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 open http://localhost:9001 in your Google Chrome browser

Regular setup

  • 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 extensions
    • ESLint
    • Live Sass Compiler
  • Go to chess.scss and click on Watch Sass in the VSCode 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 run npm test (for running tests) or npm start (for viewing final result of task solution)

Special thanks to

gdg-devfest-2019

About

Solution for Task D from Yandex.Contest Frontend 2019 (Final)

https://codepen.io/CyberLight/pen/qBEaEya

License:MIT License


Languages

Language:JavaScript 71.4%Language:Dockerfile 12.1%Language:HTML 9.4%Language:CSS 7.1%