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
apayrus profile

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

#webdev #javascript #beginners #tutorial
24
Comments 3
4 min read
2. Basic HTML/CSS.
Cover image for 2. Basic HTML/CSS.
apayrus profile

2. Basic HTML/CSS.

#webdev #javascript #beginners #tutorial
11
Comments
8 min read
3. Data model.
Cover image for 3. Data model.
apayrus profile

3. Data model.

#webdev #javascript #beginners #tutorial
3
Comments
3 min read
4. Modularity 1. Install a framework. Components hierarchy
Cover image for 4. Modularity 1. Install a framework. Components hierarchy
apayrus profile

4. Modularity 1. Install a framework. Components hierarchy

#webdev #javascript #beginners #tutorial
Comments
5 min read
5. Modularity 2. Passing props. Computed template variables
Cover image for 5. Modularity 2. Passing props. Computed template variables
apayrus profile

5. Modularity 2. Passing props. Computed template variables

#webdev #javascript #beginners #tutorial
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
apayrus profile

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

#webdev #javascript #beginners #tutorial
Comments
5 min read
7. Interactivity 1. Switching keyboards
Cover image for 7. Interactivity 1. Switching keyboards
apayrus profile

7. Interactivity 1. Switching keyboards

#webdev #javascript #beginners #tutorial
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
apayrus profile

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

#webdev #javascript #beginners #tutorial
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
apayrus profile

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

#webdev #javascript #beginners #tutorial
1
Comments
4 min read
10. CSS animation
Cover image for 10. CSS animation
apayrus profile

10. CSS animation

#webdev #javascript #beginners #tutorial
Comments
3 min read
11. Playing audio
Cover image for 11. Playing audio
apayrus profile

11. Playing audio

#webdev #javascript #beginners #tutorial
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
apayrus profile

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

#webdev #javascript #beginners #tutorial
2
Comments
5 min read
13. Refactoring and data filling
Cover image for 13. Refactoring and data filling
apayrus profile

13. Refactoring and data filling

#webdev #javascript #beginners #tutorial
Comments
6 min read
14. Styling
Cover image for 14. Styling
apayrus profile

14. Styling

#webdev #javascript #beginners #tutorial
Comments
3 min read