Exerciții practice pentru dezvoltatorii web

Creați-vă propriul server

Descărcați și instalați WAMP pentru Windows sau găsiți un echivalent actual pentru Mac sau Linux pentru sistemul dvs. de operare.
Urmați instrucțiunile de instalare pentru sistemul dvs. pentru a finaliza instalarea.
Selectați opțiunea, dacă este disponibilă, pentru a utiliza un port alternativ, cum ar fi :8080, dacă este cerut de politica rețelei dvs.
Testați instalarea navigând la http://127.0.0.1:8080 (eliminați :8080 dacă ați omis pasul 3). Ar trebui să vedeți o imagine ca cea de mai jos.
Faceți clic pe linkurile phpinfo și phpmyadmin pentru a vă asigura că PHP și MySQL sunt operaționale.
Salvați această pagină utilizând opțiunea File -> Save As din browser și creați un document Office.
Verificați documentul pentru a vă asigura că este lizibil.
Descărcați, instalați și configurați Apache, MySQL și PHP separat, apoi configurați-le pentru a funcționa împreună. Veți avea nevoie de instrucțiuni pentru versiunile pe care le descărcați, care sunt adecvate pentru sistemul dvs. de operare și va trebui să creați o pagină de configurare php ca pagină pe care o salvați pentru a demonstra că totul funcționează.

Harta site-ului

Creați o hartă a site-ului care să corespundă descrierii furnizate mai jos. Afișați ierarhia și relațiile dintre pagini începând cu pagina de index din partea de sus. Creați o copie digitală a hărții site-ului dvs. utilizând un editor de cuvinte sau un program de editare vizuală, cum ar fi o aplicație de hărți mentale sau Visio. Asigurați-vă că salvați documentul într-un format care este acceptat pe scară largă și are o rezoluție suficient de mare pentru a fi lizibil, cum ar fi jpg, html sau pdf. Dacă nu sunteți sigur că părțile care vor primi aceste tipuri de documente folosesc același program pe care îl folosiți dvs., ar trebui să evitați tipurile de fișiere proprietare.

Cerințele unui potențial client:

„Aș dori ca site-ul meu să fie destul de simplu. Deschidem un magazin cu produse noi și folosite, specializat în echipamente sportive și de antrenament, așa că îmi imaginez că vizitatorii noștri vor dori să știe unde suntem, care este programul nostru și ce avem la îndemână. S-ar putea să aibă, de asemenea, întrebări cu privire la politica noastră de predare și garanția și aș dori ca ei să vadă cu ușurință câți bani ar putea economisi cumpărând echipamente de la noi.”

Aceste cerințe pot fi folosite ca punct de plecare pentru a selecta ce site începeți să creați.

Cadrul general al site-ului

Proiectați două sau trei machete de bază pentru site-ul dvs. sau exemplul alternativ descris în sarcina Harta site-ului, inclusiv o pagină principală și o pagină de conținut tipic pentru fiecare. Includeți descrieri ale locului în care se așteaptă să fie amplasate anumite piese de conținut, cu dimensiunea lor aproximativă. Rețineți că un cadru general se referă la elemente de conținut și locație, nu un stil specific, culoare sau conținut real.

Includeți o scurtă descriere a aspectului pe care îl recomandați și de ce. Creați-vă un cadru digital folosind un procesor de text sau un editor vizual.

Scenariu

Creați un scenariu al unei posibile experiențe de utilizator pe site-ul dvs. Puteți urma procesul de conectare, crearea unui cont, căutarea unui produs sau navigarea la un anumit conținut. Găsiți un exemplu care implică cel puțin 4 pași. Creați o machetă pentru fiecare pas care include culoare și conținut fals, descriind pe fiecare panou ce acțiune va urma utilizatorul pentru a trece la pasul următor.

Creați-vă cadrele de scenariu într-un editor vizual, salvându-le ca imagini și incluzându-le într-un editor de documente, astfel încât să puteți adăuga notele sub fiecare imagine.

Discuție

Compară trei pachete de găzduire web. Evidențiați diferențele dintre ofertele lor în ceea ce privește costul, caracteristicile și rezistența. Declarați pe care ați alege și de ce.
Găsiți un articol actual despre neutralitatea rețelei care discută o propunere de lege, regulament sau acord între entitățile guvernamentale. Apărați propunerea sau discutați de ce nu este în interesul consumatorilor.
Descrieți trei abordări diferite pentru dezvoltarea site-urilor în echipe. Includeți avantajele și dezavantajele fiecărei metode și detalii atunci când sunt cele mai potrivite pentru utilizare.
Descrieți diferența dintre API-uri, cadre și șabloane.
Găsiți și descrieți un exemplu de Internet al lucrurilor în uz astăzi.
Comparați și contrastați sistemele de operare bazate pe Windows, Mac și Linux.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu

Articol publicat sub licență CC BY-NC-SA 3.0