Hogyan lehet egy frontend fejlesztő és még mindig weboldalakat csinálsz?
Az én javaslatom kezdőből származik, aki megpróbálja áttörni az új tudomány dzsungelét. Személy szerint, én komolyan adott a világnak az interneten, ahogy a humán, hogy ugyanaz a lány, szintén szőke, de szilárd meggyőződésem, hogy semmi sem lehetetlen. A legnehezebb dolog számomra az volt, hogy átgondoltam a struktúrát - hol kezdjem, mit kell elsősorban figyelni, prioritásként. Az első alkalommal dobták a design, html és SSC, az általános lógott a CSM, és persze, a fejemben volt egy zavaros, lelkesedés néha gyengült, de a vágy, hogy módosítsa szakma és lesz, ha nem szuper-fejlesztő, vagy legalább egy jó frontendschikom nyert .
Ezért javaslom egy olyan rendszert, amelyet magamnak készítettem, talán valaki, aki elindítja azt is, segít megérteni.
Szakemberek és kritikusok - örülök. Ha figyelek a hibákra, hálás leszek a tippekért és tanácsokért.
Kezdjük azzal, hogy véleményem szerint a weboldalak létrehozását - ez egy nagyon összetett folyamat, amely megköveteli csapatmunka az egész szakembergárda, például a tervezők, webes tervezők, programozók, és a jó coder tisztában kell lennie (legalább felületesen) az egyes lépéseket, amelyek megteremtik a helyszínen. Ezért a programot szakaszokban ábrázoltam, egy weboldal létrehozásának folyamata formájában. Néhány pontnál a make-up és az első vonalbeli katona mesteri módon kell mesterkedni, ami csak egy ötletről szól, hogyan működik és mit eszik.
1. Hozzon létre egy telek ötlet, azonosítás céljából, és site felépítése ismerete termőhelytípusokon (statikus / dinamikus, adaptív / adaptív tervezése), meghatározása tartalommal (szöveg, grafika, fotó) - ez az elem nem pusztán feltáró, ezzel meg lehet kezdeni megértése alapvető információk a helyekről.
2. Szerver, tárhely, domain - azt is megértjük, hogyan működik, milyen tárhelyet választ, és így tovább.
3. Weboldal tervezés
3.1. Honlap-navigáció, webhelytérkép - létrehozza a fő struktúrát, rajzolja meg a fő blokkokat (itt láthatja, hogyan működnek az előfeldolgozók, vagy hogyan kell kézzel rajzolni).
3.2. Használhatóság (legalább az alapelemek ergonomikus elrendezésének alapelveinek tanulmányozása)
4. Tervezés - ez a színpad a tervezők által valósul meg, de a tervezőnek szüksége van a Photoshopa ismeretére mind a layout elrendezésére a jövőben, mind az általános fejlesztéshez természetesen.
4.1. Elrendezés rajzolása a Photoshop alkalmazásban
4.1.1. Alapvető rajzeszközök, technika, gyorsgombok.
4.1.3. Betűtípusok, színek
4.2. Keretek (a további könyvtárak használatával időt takaríthat meg egy projekt tervezésénél, elrendezésénél)
4.2.4. Anyagtervezés
5. Fejlesztés - elkezdjük újjáéleszteni a tervezést
5.2. A fájlok felépítése és tárolása (könyvtárak létrehozása, fájlok mappába helyezése, fájlok elnevezése)
6. A webhely elrendezése / vágott elrendezése - a design átalakítása HTML / CSS-ben. Így jutottunk el munkánk fő részéhez.
6.1. HTML - alaposan tanulmányozzuk, ne legyen lusta a gyakorlatban, legalább könnyű oldalakat csináljunk, kísérletezzünk.
6.2. A CSS ugyanaz, de megtanulhatja a SASS és a LESS előfeldolgozó nyelvek használatát is.
6.4. JQuery - többet kell tulajdonítani, mint a jó.
6.5. Szög - ez haladó diákok, azt még nem érte el, de amennyire én tudom, a tudás keretet ad a profit az álláskeresésben és értékelése a képességeit.
6.6. Git - azt is fel a verzió vezérlő rendszer. Hasznos a csapatmunkában.
7. Az elrendezés integrálása a CMS-be - ha persze a CMS-n keresztül dolgozik. De számomra úgy tűnik, legalább ismerni kell a népszerű CMS - telepítés, modulok, funkcionalitás főbb pontjait:
8. A webhely tartalmának betöltése, az adminisztrációs területen végzett munkával, a webhely tesztelésével, a velük való végleges kiemeléssel, a munkánk nagy részét is összekapcsoljuk.
9. És végül, automatizálási berendezések, mint például Emmet, Jade birtokában parancssorba Gulp és Grunt, de ez után az első 8 pont, és mégis itt felveheti SEO-optimalizálás, de ez még mindig nem a mi munkaterületen.
Úgy érzem, hogy a kritika készen áll majd arra, hogy elfogadja, ismét emlékeztetem az amatőrségemre ebben a kérdésben.
„Mit mutat kóder és frontendschik kell saját mesteri, valamilyen - csak hogy van egy ötlete, hogyan működik, és mit eszik.” - valamit, amit nem tudtam mondani.
Mintegy 5,1 - Nem vagyok benne biztos, de hallottam, hogy a csupasz elrendezés konzolok nagyon jó - ő menet közben bekövetkezett változásokat mutatja be a böngésző, akkor a CTR + mutat valamit mindenki kapcsolódó funkciók a projekt, akkor valami tudják, hogyan kell Photoshop (húzza a PSD színeitől / gradiensektől). Ha megpróbáltad - érdekelné a visszajelzésed. Ha nem - a jó junak, akik elhagyták a frontt, jó véleményeket adtak. Próbáld meg, talán.
Értesíteni fogok a 6.6 GIT-ról - akár egyéni szólam is, csodálom, milyen kényelmes. Érdemes eltölteni egy órát "kitalálni", és minden projektre előnyös lesz - kis szóló vagy nagy parancs. Ezen kívül a kezdők a plus acc a Gitkhab stb példák a fejlesztések
9. Megemlítette, amit elfelejtettem - Gulp és Grunt. Haladó szinten, tudnia kell és képesnek kell lennie
Bontsa ki az 1. ágat
Bontsa ki a 0-as fiókot
Szia, sikerült megvalósítanod, amit akarsz? Vajon ő maga is zavarba jött egy új szakma megszerzésével, általában a munkavállaló rendszerével? tudok hozzáadni vagy eltávolítani valamit?