Web-visualisointi -kurssin harjoitukset ja harkkatyö
Kurssimateriaalit: http://ttms0400.pages.labranet.jamk.fi/TTMS0400-web-visualisointi/
Kurssin sisältö ja aiheet:
- web development -taitojen viilausta ja web design -perusteiden harjoittelua
- semantic HTML, responsive design, mobile first, Flexbox & Grid, responsive graphics/images, typography, form styling, Bootstrap & Bulma, Sass (with using Koala to compile), CSS animation, Material Design, mockups, Inkscape, Figma & practicing use of Git
Sass Crash Course:
https://www.youtube.com/watch?v=nu5mdN2JIwM
Harjoitustyö:
oman websivu-portfolion päivitys käyttäen opittua
Linkit:
https://docs.gitlab.com/ee/gitlab-basics/start-using-git.html
https://about.gitlab.com/features/pages/
https://www.internetingishard.com/
https://developer.mozilla.org/en-US/docs/Web
https://www.w3schools.com/
https://fonts.google.com/
https://fontawesome.com/
http://flexboxfroggy.com/
https://cssgridgarden.com/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide-grid/
https://getbootstrap.com/
https://bulma.io/
https://material.io/
https://sass-lang.com/
http://koala-app.com/