Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
keyboard-learning-app Series' Articles
Back to Rustam Apay's Series
Keyboard Learning App: Tutorial on HTML/CSS/JS for beginners
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
Keyboard Learning App: Tutorial on HTML/CSS/JS for beginners
#
webdev
#
javascript
#
beginners
#
tutorial
23
reactions
Comments
3
comments
4 min read
2. Basic HTML/CSS.
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
2. Basic HTML/CSS.
#
webdev
#
javascript
#
beginners
#
tutorial
11
reactions
Comments
Add Comment
8 min read
3. Data model.
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
3. Data model.
#
webdev
#
javascript
#
beginners
#
tutorial
3
reactions
Comments
Add Comment
3 min read
4. Modularity 1. Install a framework. Components hierarchy
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
4. Modularity 1. Install a framework. Components hierarchy
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
5 min read
5. Modularity 2. Passing props. Computed template variables
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
5. Modularity 2. Passing props. Computed template variables
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
5 min read
6. Modularity 3. Loop in a template (v-for). Dynamic import. LangSwitcher
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
6. Modularity 3. Loop in a template (v-for). Dynamic import. LangSwitcher
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
5 min read
7. Interactivity 1. Switching keyboards
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
7. Interactivity 1. Switching keyboards
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
6 min read
8. Interactivity 2. `Keydown` event handling. Active key state
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
8. Interactivity 2. `Keydown` event handling. Active key state
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
4 min read
9. Interactivity 3. Set `activeKey` by click. `shiftKey` app state
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
9. Interactivity 3. Set `activeKey` by click. `shiftKey` app state
#
webdev
#
javascript
#
beginners
#
tutorial
1
reaction
Comments
Add Comment
4 min read
10. CSS animation
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
10. CSS animation
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
3 min read
11. Playing audio
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
11. Playing audio
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
4 min read
12. Playing audio 2. Keyboard layout global and local parts
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
12. Playing audio 2. Keyboard layout global and local parts
#
webdev
#
javascript
#
beginners
#
tutorial
2
reactions
Comments
Add Comment
5 min read
13. Refactoring and data filling
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
13. Refactoring and data filling
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
6 min read
14. Styling
Rustam Apay
Rustam Apay
Rustam Apay
Follow
Aug 18 '22
14. Styling
#
webdev
#
javascript
#
beginners
#
tutorial
Comments
Add Comment
3 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account