Week 2 Project Tech - mbergevoet/blok-tech GitHub Wiki

Command line

Command prompt, shell of bash genoemd is ingang tot bestanden op je computer. Het werkt eigenlijk het zelfde als de file explorer maar dan zonder GUI, de command line is enkel een UI die gebruik maakt van tekst en input door middel van commando's. git bash is de basis versie van git zonder GUI. Zo heb je sourcetree, gitkraken, smartgit, git cola die allemaal git gebruiken met een GUI. Maar voor dit project gebruiken we git bash. Hier een paar voorbeelden van commando's

Windows commandprompt commands:

cd C:/bureaublad
mkdir Nieuwe map
md Map1 Map2 Map3
echo nieuwBestand
sudo

Met cd kom je in een andere directory oftewel een andere map . cd staat dan ook voor 'change directory'. Met mkdir maak je een nieuwe map aan in de directory waar je op dat moment in zit. Met md kun je meerdere mappen tegelijk aanmapen. Met echo kun je een nieuw bestand aanmaken van nul bytes. Met sudo kun je commando's uitvoeren die alleen voor 'super users' bedoelt zijn.

Git bash commands:

git add .
git commit -m"commit message"
git push

Met add . selecteer je alle mappen en bestanden in de map waar je op dat moment in zit. Dus als je veel aanpassingen hebt gedaan zou je dat willen doen omdat je alle wijzigingen in die bestanden wilt door voeren naar github. Met commit geef je aan dit een nieuwe verandering is, commits maken het makkelijk om later terug te zien wat je hebt gedaan want je commits zijn aanpassingen. Daarom word geadviseerd om tijdens dit project zo veel mogelijk te commiten zodat je vooruitgang goed zichtbaar is en je ook goed kan zien wat je nou hebt aangepast. -m is om een commitmessage mee te geven. Met push geef je aan dat je de veranderingen en de commit message wil door sturen naar github en dat de commit er goed is om door te gaan (geen merge conflicts bijvoorbeeld).

Statische prototype

Ik ben begonnen aan mijn html en css voor de interface van mijn feature. Ik ben begonnen met het maken van de navigatie. Die heb ik eerst helemaal responsive gemaakt met behulp van media queries en flex-box. Daarna ben ik begonnen met de eerste versie van het zoek formulier om te kunnen zoeken op hobby's. Ook die heb ik responsive gemaakt en ook een max-width mee gegeven zodat het formulier klein blijft ookal bekijk je hem op desktop. Toen heb ik nog een profiel pagina gemaakt zodat gebruikers kun eigen profiel kunnen zien.

Responsive navigatie

Profiel