Propunerea mea vine de la mine ca un începător, care încearcă să spargă jungla de noi cunoștințe. Personal, lumea web este greu pentru mine, căci sunt umanist, în afară de o fată, în afară de o blondă, dar cred că nimic nu este imposibil. Cred că a fost cea mai dificilă structură - în cazul în care pentru a începe, ce să acorde o atenție în primul rând, să acorde prioritate. Prima dată când am fost aruncat în proiectarea, în format HTML și CSS, generalul atârnat CSM, și, desigur, în capul meu era un talmeș-balmeș, entuziasm uneori estompat, dar dorința de a schimba profesia și să devină, în cazul în care nu super-dezvoltator, sau cel puțin un frontendschikom bun câștigat .
Prin urmare, propun o schemă pe care am făcut-o pentru mine, poate că cineva care o inițiază va ajuta, de asemenea, să înțeleagă.
Specialiștii și criticii - mulțumiți. Dacă am atenție la defectele, voi fi recunoscător pentru sfaturi și sfaturi.
Pentru a începe cu, care, în opinia mea, crearea de site-uri web - acesta este un proces foarte complex, care necesită muncă în echipă a întregii echipe de profesioniști, cum ar fi designeri, web designeri, programatori, și coder bun ar trebui să fie conștienți de (cel puțin superficial) din fiecare etapă de creare a site-ului. Prin urmare, am reprezentat schema în faze, ca procesul de creare a site-ului. Care sunt punctele de coder și frontendschik ar trebui să dețină magistral, un fel - doar pentru a avea o idee despre cum funcționează și ce este mâncat.
1. Creați o idee site-ul, identificarea cu o structură de vedere și site-ul, cunoașterea tipurilor de site (static / dinamic, adaptabil / proiectare receptiv), definirea conținutului (text, grafică, fotografii) - acest element este pur experimental, cu acest lucru puteți începe înțelegerea informațiilor de bază despre site-uri.
2. Server, hosting, domeniu - înțelegeți de asemenea cum funcționează, ce găzduiește să alegeți și așa mai departe.
3. Website Design
3.1. Navigarea pe site, harta site-ului - creați structura principală, desenați blocurile principale (puteți vedea aici cum funcționează preprocesoarele sau cum se desenează manual).
3.2. Utilizabilitatea (pentru a studia cel puțin principiile de bază ale aranjamentului ergonomic al elementelor sitului)
4. Design - această etapă este realizată de designeri, dar designerul are nevoie de cunoștințe despre Photoshopa atât pentru aspectul layout-ului în viitor, cât și pentru dezvoltarea generală, desigur.
4.1. Desenarea unui aspect în Photoshop
4.1.1. Instrumente de bază de desen, tehnică, taste rapide.
4.1.3. Fonturi, culori
4.2. Cadre (folosind biblioteci suplimentare, puteți economisi timp atunci când proiectați un proiect - design, aspect)
4.2.4. Proiectare materiale
5. Dezvoltare - începem să revigrăm designul
5.2. Structurarea și stocarea fișierelor (crearea de directoare, plasarea fișierelor în foldere specifice, denumirea fișierelor)
6. Layout / layout al site-ului - transformarea design-ului in HTML / CSS. Așa că am ajuns la partea principală a activității noastre.
6.1. HTML - studiem temeinic, nu fiti leneși pentru a practica, faceti cel putin pagini luminoase, experimentati.
6.2. CSS este același, dar puteți învăța și utilizarea limbajelor SASS și LESS preprocessor.
6.4. JQuery - trebuie să dețină mai mult decât bine.
6.5. Angular - aceasta este pentru mai mulți studenți avansați, nu am ajuns încă la ea, dar, în măsura în care știu, cadrul de cunoștințe dă un profit în căutare de locuri de muncă și o evaluare a aptitudinilor tale.
6.6. Git - a pus și sistemul de control al versiunilor. Este util să lucrezi într-o echipă.
7. Integrarea aspectului în CMS - dacă, desigur, lucrați prin CMS. Dar mi se pare, totuși, trebuie să știm cel puțin punctele principale ale CMS populare - instalare, module, funcționalitate:
8. Completarea conținutului site-ului, colaborarea cu zona de administrare, testarea site-ului, lansarea - evidențierea finală, împreună cu ele, este legată de o mare parte a activității noastre.
9. Și, în sfârșit, echipamente de automatizare, cum ar fi Emmet, Jade, posesia unei linii de comandă, Gulp și Grunt, dar acest lucru este după primele 8 puncte, și totuși aici puteți adăuga SEO-optimizare, dar nu este încă zona noastră de lucru.
Simt că această critică va fi, gata să o accepte, să reamintesc încă o dată amateurismul meu în această chestiune.
"Cu unele puncte, coderul și soldatul din prima linie ar trebui să stăpânească cu măiestrie, care este doar să aibă o idee despre cum funcționează și ce mănâncă". - ceva ce nu am putut spune.
Despre 5.1 - Nu sunt sigur, dar a auzit că suportii aspect goale foarte bune - el este pe zbor arată schimbările în browser-ul, aceasta este valoarea CTR + arată ceva pentru toată lumea asociată cu caracteristicile proiectului, este ceva ei știu cum să Photoshop (trageți de la culori / gradienți psd). Dacă ați încercat-o - aș fi interesat să știu feedbackul dvs. Dacă nu, junele mele bune, care au plecat la capăt, au dat recenzii bune. Încercați, poate.
Voi observa aproximativ 6,6 GIT - chiar și lucrând solo, admir cât de convenabil este. Merită să petreceți o oră pentru a "distruge" și veți vedea beneficii pentru orice proiect - un solo mic sau o comandă mare. În plus, începători în plus, la Gitkhab, etc., cu exemple de evoluții
9. Ai spus ce am uitat - Gulp și Grunt. La nivel avansat, trebuie să știți și să puteți
Extindeți sucursala 1
Extindeți Sucursala 0
Bună, ați reusit să realizați ceea ce ați vrut? A fost el însuși nedumerit de dobândirea unei noi profesii, în general a schemei muncitorului? Pot adăuga sau elimina ceva?