DEV Community

keyboard-learning-app Series' Articles

Back to Rustam Apay's Series
Keyboard Learning App: Tutorial on HTML/CSS/JS for beginners
Cover image for Keyboard Learning App: Tutorial on HTML/CSS/JS for beginners

Keyboard Learning App: Tutorial on HTML/CSS/JS for beginners

22
Comments 3
4 min read
2. Basic HTML/CSS.
Cover image for 2. Basic HTML/CSS.

2. Basic HTML/CSS.

11
Comments
8 min read
3. Data model.
Cover image for 3. Data model.

3. Data model.

3
Comments
3 min read
4. Modularity 1. Install a framework. Components hierarchy
Cover image for 4. Modularity 1. Install a framework. Components hierarchy

4. Modularity 1. Install a framework. Components hierarchy

Comments
5 min read
5. Modularity 2. Passing props. Computed template variables
Cover image for 5. Modularity 2. Passing props. Computed template variables

5. Modularity 2. Passing props. Computed template variables

Comments
5 min read
6. Modularity 3. Loop in a template (v-for). Dynamic import. LangSwitcher
Cover image for 6. Modularity 3. Loop in a template (v-for). Dynamic import. LangSwitcher

6. Modularity 3. Loop in a template (v-for). Dynamic import. LangSwitcher

Comments
5 min read
7. Interactivity 1. Switching keyboards
Cover image for 7. Interactivity 1. Switching keyboards

7. Interactivity 1. Switching keyboards

Comments
6 min read
8. Interactivity 2. `Keydown` event handling. Active key state
Cover image for 8. Interactivity 2. `Keydown` event handling. Active key state

8. Interactivity 2. `Keydown` event handling. Active key state

Comments
4 min read
9. Interactivity 3. Set `activeKey` by click. `shiftKey` app state
Cover image for 9. Interactivity 3. Set `activeKey` by click. `shiftKey` app state

9. Interactivity 3. Set `activeKey` by click. `shiftKey` app state

1
Comments
4 min read
10. CSS animation
Cover image for 10. CSS animation

10. CSS animation

Comments
3 min read
11. Playing audio
Cover image for 11. Playing audio

11. Playing audio

Comments
4 min read
12. Playing audio 2. Keyboard layout global and local parts
Cover image for 12. Playing audio 2. Keyboard layout global and local parts

12. Playing audio 2. Keyboard layout global and local parts

2
Comments
5 min read
13. Refactoring and data filling
Cover image for 13. Refactoring and data filling

13. Refactoring and data filling

Comments
6 min read
14. Styling
Cover image for 14. Styling

14. Styling

Comments
3 min read