Html Css Django Perusteet
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.