Web Front-End -sovelluskehittäjän leiri

HTML5 on tärkein käyttöliittymätekniikka nykypäivänä. Onko modernien web-sovelluksien selainpään kehityksen taidot sinulla ajantasalla tai oletko vain tehnyt tähän mennessä desktop clienteja?

Hyöty

Web-sovellusten tekniikat ovat kokeneet viime vuosina isoja harppauksia HTML5:den myötä. Nykyään odotetaan, että sovellukset toimivat hyvin lukuisilla erilaisilla päätelaitteilla ja sovelluskehittäjällä on iso liuta aivan uusia tekniikoita käytettävissä, joiden avulla web-sovelluksista voidaan tehdä aikaisempaa parempia ja kilpailla natiivien sovellusten kanssa.

Kenelle?

Tämä kurssi on tarkoitettu kaikille nykypäivän Web-kehittäjille.

Miksi?

Tällä viiden päivän kurssilla opit lukuisten harjoitusten voimin tärkeimmät tämän päivän web front end -kehittäjän työkalupakkiin kuuluvat tekniikat. Ensimmäisenä päivänä käydään läpi seminaarityyppisesti modernien web-sovellusten arkkitehtuurit. Mitä HTML5, CSS3 ja JavaScript API:t tarjoavat? Mikä on Single Page Application (SPA), miten REST-palvelut toimivat ja mitä tarkoitetaan responsiivisella webillä? Samalla käydään katsaus yleisimpiin JavaScript Frameworkit, jotka helpottavat ja tuovat tuottavuutta web-sovelluskehitykseen. Tällaisia ovat esimerkiksi jQuery, Bootstrap, AngularJS, Backbone.js ja Less/Sass. Mitä näillä tehdään, miten ne eroavat toisistaan.

Seuraavilla neljällä päivällä luentojen ja demojen välissä pääset lukuisissa harjoituksissa itse käyttämään tekniikoita hyödyksi. Voit käyttää kehittimenä sinulle tutuinta työkalua.

Miten?

Jos sinusta tuntuu, että selainkehitystaitosi eivät täytä nykyisten modernien web-sovellusten vaatimuksia, ilmoittaudu kurssille!

1. päivä

Millaisia ovat modernit web-sovellukset?

  • Nykyinen sovellusarkkitehtuuri
  • alustriippumattomuus vs. natiivit sovellukset
  • SPA
  • yleiskatsaus HTML5:den ominaisuuksiin

HTML5

  • semanttiset elementit
  • lomakkeiden uudet ominaisuudet
  • video
  • SVG

CSS3

  • visuaaliset efektit
  • animaatiot

Responsiivinen Design

  • Mitä responsiivinen design on?
  • Media Query

JavaScript

  • Mahdollisuudet

HTML5 JavaScript API:t

  • yleiskatsaus
  • File API, drag and drop
  • Offline-sovellukset
  • Geolocation
  • WebSockets ja Web Worker

REST-palvelut

  • ideologia
  • JSON-formaatti

JavaScript Frameworkit

  • jQuery
  • Bootstrap
  • Less/Sass
  • Backbone.js
  • AngularJS

Katsaus palvelinpään tekniikoihin

  • node.js
  • ASP.NET
  • Java
  • PHP

2. päivä

HTML5-sivun rakenne ja uudet elementit

  • semanttiset elementit
  • sivun rakenne

HTML5 lomakkeet

  • uudet input-tyypit
  • uudet attribuutit
  • validointimahdollisuudet
  • autosuggest-toiminnallisuus

SVG

  • työkalutuki
  • vektorigrafiikka
  • interaktiivisuus

CSS3

  • visuaaliset efektit: kulmien pyöristys, värimääritykset, gradientit, varjostukset
  • transformaatiot
  • transitiot ja animaatiot

Media Query

  • erilaisten päätelaitteiden huomiointi
  • Responsive Web

CSS3 valitsimet ja asemointi

  • valitsimet
  • uudet asemointipiirteet

3. päivä

JavaScript

  • JavaScript-kielen syntaksi
  • tapahtumakäsittelijän liittäminen
  • W3C DOM

jQuery-yleiskatsaus

  • päähyödyt
  • toiminnallisuus
  • liittäminen sivulle

jQueryn toimintamalli

  • jQueryn lauseen rakenne
  • valitsimet ja tehokkuus
  • funktioiden ketjuttaminen

Tapahtumakäsittely

  • click() ja muut
  • on-toiminto
  • nimiavaruudet
  • kuplinta

DOM ja lomakkeet

  • DOM-puun käsittely
  • viittaukset lomakenttiin
  • validointi ja lomakedatan käsittely

jQuery ja Ajax

  • Ajax-pyynnöt
  • HTML-sisällön lataaminen
  • JSON ja JSONP -pyynnöt

4. päivä

HTML5 JavaScript API:t

  • Canvas

Canvas

  • Canvas API
  • piirtäminen

Paikkatiedon hallinta

  • Geolocation API
  • hyödyntäminen

Offline-sovellukset

  • localStorage ja sessionStorage
  • Application cache

Web Worker

  • säieohjelmointi

WebSockets

  • WebSocket-liikennöinnin mahdollisuudet
  • selainclientin toteuttaminen

FileAPI ja Drag and Drop

  • käyttö

5. päivä

AngularJS

  • Yleiskatsaus
  • MVC-malli
  • initialisointiprosessi

Templatet

  • View:n kuvaaminen

Controllerit

  • logiikan toteuttaminen

Directiivit

  • mahdollisuudet
  • sisäänrakennetut
  • event handling

REST-palvelujen hyödyntäminen

  • $http-service

SPA-sovelluksen toteuttaminen

  • Route-moduuli

Vastuuhenkilö


Toni Ylärinne

haluatko_opiskella_heti_270px.jpg

Tämä kurssi asiakaskohtaisena?

Koulutuksia järjestetään myös asiakaskohtaisina toteutuksina

Ota yhteyttä myyntipalveluumme soittamalla puh. 042 42 21 21 tai lähettämällä sähköpostia osoitteeseen myyntipalvelu@sovelto.fi
niin järjestetään teille oma kurssi.

Jaa tämä sisältö: