HTML + CSS そしてJavaScriptについて学習できるDashというサイトで学習してみた
ゲームだとずっと無料でできることが多いけれど、学習サイトはそうもいかなくて無料というわけにはいかないこと多い。だから有料になった時にみんなに悔しんでもらうためのレビューをしようと思ったよ。
そんなわけで見出しの通り、HTML + CSS そしてJavaScriptに関する82個のスキルが身につく学習サイトで学習してみた。
こちらからできます
Learn to code HTML, CSS, and JavaScript with Dash
HTMLをつかってこんなものがつくれるようになるよ。
以下学習できるリスト。
| HTML | CSS | JavaScript |
|---|---|---|
| h1-h6 | text-align | on() |
| emai l input | background | alert() |
| submit input | font-family | toggleClass |
| p | color | variable |
| placeholder | background-size | Math.floor |
| style | background-position | Math.random |
| body | font-size | function |
| head | border | javascript comments |
| title | padding | click function |
| img | sttribute selectors | toggle |
| header | display | css function |
| li | margin | string |
| a | border-radius | array |
| ul | padding 2 | length |
| li | max-width | html function |
| link | margin: 0 suto; | if |
| article | hex color | else |
| script | media queries | ! |
| button | rgba color | val() |
| class | position:relative | push() |
| div | height | hide() |
| small | bottom | |
| line break | position: absolute | |
| class | float | |
| span | gradient | |
| span | transition | |
| opacity | ||
| radial-gradient | ||
| top | ||
| left | ||
| transform: rotate | ||
| z-index | ||
| font-weight | ||
| transform: scaleY | ||
| animation | ||
| @keyframes |
リストにまとめてたら、なんか実用的なことやっているのではないかと錯覚してしまった。
やった
おわった。
ゲームのおつかいクエストをやっているような感じだった。英語がわからなくてもさくさくと進むからこれから学習しようという人にはおすすめだよ。本当かなって疑いがあるならできるものとリストにまとめたやつを参考にしてみてね。