Teknologiademo 1 (HTML & CSS, Django)

Editorit ja selaimet

Web-sovellusten kehitykseen tarvitaan tekstieditori (tai IDE kuten Pycharm) sekä selain, jolla voidaan seurata muutoksia.

Päteviä tekstieditoreita ovat

• Atom
  • Erittäin laaja kirjasto laajennuksia (packages)
  • Toimii Windowsilla, Macilla ja Linuxilla
  • Paras tuki kurssihenkilöstön puolesta
• Sublime Text
  • Erillinen kirjasto laajennuksille (https://packagecontrol.io/)
  • Uusin versio Sublime Text 3
  • Toimii Windowsilla, Macilla ja Linuxilla
• Notepad++
  • Kevyin vaihtoehto
  • Vain Windowsille

Selaimeksi suositellaan Google Chrome-selainta.

HTML & CSS

• HTML (HyperText Markup Language), internetin kuvauskieli
  • Uusin versio HTML5
• CSS (Cascading Style Sheets), HTML:n avuksi tehty www-dokumenttien tyyliohjeiden laji
  • Uusin versio CSS3

HTML:n ja CSS:n dokumentaatioita:

• HTML: MDN web docs sekä W3
• CSS: MDN web docs sekä W3

Python & Django

Django on melko yleinen web-sovelluskehityksessä. Mm. Instagram ja Pinterest on kehitetty Djangolla.

Python on melko uusi ja tulkattava ohjelmointikieli. Pythonin vahvuudet ovat sen monikäyttöisyys muun muassa web-sovelluskehityksessä ja datatieteessä. Python on myös “helppo” ohjelmointikieli, jonka syntaksi on melko yksiselitteinen.

Djangon asennus

Hyvä ohjeistus myös täältä. Harkkatyötä ajatellen: Djangon dokumentaatio on todella hyödyllinen!

Ladattavat komponentit:

• Python 3.x
• pip (tai muu, esim. anaconda)
• (virtualenv)
• Django

Django toimii Pythonin päällä. Ensin ladattava Python: https://www.python.org/downloads/. Kannattaa ladata uusin versio, yhteensopivuudet Djangon kanssa näkee täältä.

HUOM Windows-käyttäjät! Varmistakaa, että checkbox on merkattuna kohdassa “Add Python 3.6.4 to PATH”

Pythonin version näkee Windowsilla C:\Windows\py.exe, Macilla komentoriviltä “python -V”.

Pip on paketinhallintajärjestelmä Pythonille. Lataaminen Windowsille onnistuu seuraamalla tätä linkkiä (huom. Pythonin 3.6.x versiossa Windowsin komentorivillä Pythonin kutsuminen tapahtuu “python” sijaan “py”).

Virtualenvin lataaminen onnistuu komennolla pip install virtualenv. Tämä on todella hyödyllinen harkkatyötä ajatellen.

Pip-paketinhallintajärjestelmän avulla onnistuu myös Djangon asentaminen komennolla pip install django. Varmistus siitä, että Django on ladattu, onnistuu komennoilla py, jonka jälkeen import django sekä print(django.get_version()).

Ensimmäinen Django-projekti

Mikäli aiemmat vaiheet ovat onnistuneet, pitäisi Django olla asennettuna tietokoneelle. Seuraava vaihe on perustaa ensimmäinen django-projekti. Tämä onnistuu seuraavasti:

• django-admin startproject hello_world
• cd hello_world
• py manage.py runserver

Projekti pitäisi tämän jälkeen olla käynnissä lokaalisti, oletuksena http://127.0.0.1:8000/.

Kaikki nämä, ja tarkemmat ohjeet ovat Djangon tutoriaali-sivulla.