soul-wish

{
  "version": 1,
  "notes": "",
  "documentation": "\"This file is a QMK Configurator export. You can import this at <https://config.qmk.fm>. It can also be used directly with QMK's source code.\n\nTo setup your QMK environment check out the tutorial: <https://docs.qmk.fm/#/newbs>\n\nYou can convert this file to a keymap.c using this command: `qmk json2c {keymap}`\n\nYou can compile this keymap using this command: `qmk compile {keymap}`\"\n",
  "keyboard": "bastardkb/skeletyl/blackpill",
  "keymap": "bastardkb_skeletyl_blackpill_cheapino_soulwish_default",
  "layout": "LAYOUT_split_3x5_3",
  "layers": [
    [
      "KC_Q",

soul-wish

Web-приложение photo-gallery 🌄

Задача

Необходимо создать простое приложение, которое отображает фотографии используя открытое API picsum.photos.

Основные требования

• вся работа должна происходить только на стороне браузера (запросы, обработка данных, отображение);
• внешний вид/layout приложения можно реализовать на ваше усмотрение;
• у приложения должно быть хотя бы два "состояния" (например: главная страница со списком фотографий и страница с просмотром конкретной фотографии или же страница с просмотром понравившихся фото или же то, что вы придумаете);
• нельзя использовать готовые CSS-фреймворки (Twitter Bootstrap, Foundation и др.), весь CSS код необходимо написать самостоятельно (использование CSS пре/пост-процессоров приветствуется);

soul-wish

Web-приложение photo-gallery 🌄

Задача

Необходимо создать простое приложение, которое отображает фотографии используя открытое API picsum.photos.

Основные требования

• вся работа должна происходить только на стороне браузера (запросы, обработка данных, отображение);
• внешний вид/layout приложения можно реализовать на ваше усмотрение;
• у приложения должно быть хотя бы два "состояния" (например: главная страница со списком фотографий и страница с просмотром конкретной фотографии или же страница с просмотром понравившихся фото или же то, что вы придумаете);
• нельзя использовать готовые CSS-фреймворки (Twitter Bootstrap, Foundation и др.), весь CSS код необходимо написать самостоятельно (использование CSS пре/пост-процессоров приветствуется);

soul-wish

Code Style

• Prettier
• ESLint
• EditorConfig

Task managers and bundlers

• Grunt
• Gulp

soul-wish

Create a simple timer ⏱

1. Read about setTimeout and setInterval here
2. Read about console methods for JS debugging (especially about console.log) here
3. Create single page application with any layout, but it should have:

• counter digits
• pause button
• reset button

4. Counter should count from 0 to 1 hour (60 minutes) and then it should start from the beginning
5. All JS code should be in a separate JS file

soul-wish

Create a simple soundboard 🎸🎹🥁

1. Create a new repo called soundboard
2. Create a simple single page app (just one index.html, one JS and one CSS file)
3. Create any layout you want (with any technologies)
4. Download .wav samples at

• http://www.wavlist.com/soundfx/instruments.html
• https://freewavesamples.com
• https://sampleswap.org/

5. Have fun 😉

soul-wish

Teamwork ;)

Repos:

• https://github.com/Aneistazzzzia/aneistazzzzia.github.io
• https://github.com/ppashkov/ppashkov.github.io
• https://github.com/Destors/Destors.github.io
• https://github.com/BadCatsss/BadCatsss.github.io
• https://github.com/lelonco/lelonco.github.io
• https://github.com/Goraksd/Goraksd.github.io
• https://github.com/RomanRaxas/RomanRaxas

soul-wish

What we will need?

• Skype & Slack
• Terminal/Command Line (bash, cmd, iTerm, Hyper)
• Text Editor (Sublime Text, Atom, VS Code)
• Git
• Node and npm
• GitHub account
• Patience :)

First Task

soul-wish

#https://gorails.com/setup/ubuntu/14.04
sudo apt-get update
sudo apt-get install git-core curl zlib1g-dev build-essential libssl-dev libreadline-dev libyaml-dev libsqlite3-dev sqlite3 libxml2-dev libxslt1-dev libcurl4-openssl-dev python-software-properties
sudo apt-get install libgdbm-dev libncurses5-dev automake libtool bison libffi-dev

curl -L https://get.rvm.io | bash -s stable
source ~/.rvm/scripts/rvm
echo "source ~/.rvm/scripts/rvm" >> ~/.bashrc
rvm install 2.1.2
rvm use 2.1.2 --default

soul-wish

<select name="countries">
	<option value="United States">United States</option> 
	<option value="United Kingdom">United Kingdom</option> 
	<option value="Afghanistan">Afghanistan</option> 
	<option value="Albania">Albania</option> 
	<option value="Algeria">Algeria</option> 
	<option value="American Samoa">American Samoa</option> 
	<option value="Andorra">Andorra</option> 
	<option value="Angola">Angola</option> 
	<option value="Anguilla">Anguilla</option>