Дегенмен, кез-келген фронттағы даму тапсырмаларын талап ететін бірнеше дағдылар бар - «негізгі» дағдылар - және сіздің репертуарға қосылуға байыпты түрде назар аудару керек болатын бірнеше адам.
Сізге не керек
Іздестіруге және түсінуге арналған басты әзірлеушілердің кілті іздеулері үшін желідегі бос орындар тізімін іздеңіз; үш негізгі нәрсе бар.
Келісімсіз.
Және олар:
- HTML
- CSS
- JavaScript (jQuery)
Бұл негіздер. Бақытымызға орай, қазірдің өзінде оларды білмейтін болсаңыз, онда осы дағдыларды үйренуге болатын еркін немесе қолжетімді онлайн оқу платформалары көп.
HTML
HyperText Markup Language немесе HTML - Интернеттегі барлық веб-сайттардың негізгі құрылымдық құрамы. Дженнифер Кирниннің айтуынша,
«Бұл веб-беттердің тілі - браузерлер веб-беттерді көрсету үшін оқылатын түзету тілі».
Веб-беттер HTMLсіз өмір сүре алмайды.
CSS
CSS және HTML бірге жұмыс істейді: CSS HTML-ға стиль қосады. Мен ұқсастығын HTML сияқты тұлға ретінде пайдаланғым келеді және CSS макияжға ұқсайды.
CSS веб-сайтты онлайн алудың қажеті жоқ болса да, негізінен әр сайтта интернетте сәндеудің бір түрі қолданылады.
Әйтпесе, өте скучный болар еді. CSS-ң ең соңғы нұсқаларымен анимациялар және бұрынғы JavaScript немесе Flash арқылы ғана мүмкін болатын қосымша жетілдірулер сияқты нәрселерді жасауға болады.
JavaScript
JavaScript немесе JS жылдар бойы тез дамып келеді. Қазіргі уақытта көптеген мақсаттарға ие және алдыңғы немесе артқы жағында қолдануға болады.
Алдыңғы жағынан дамуға қатысты JS маңызды, себебі ол веб-беттерді интерактивті жасауға көмектеседі. Сауалнама жасау, викториналар немесе пішін беру сияқты керемет нәрселерді жасай аласыз.
Қазіргі уақытта веб-беттерді келесі деңгейге шығаруға көмектесетін көптеген JS кітапханалары бар.
Дегенмен, фронтальды әзірлеуші болу үшін сіз жай JavaScript-ті, сондай-ақ ең танымал JS кітапханасын - jQuery түсінуіңіз керек.
Nice-to-Haves
Негіздерді түсіргеннен кейін, бұл жақсы болуы керек басқа дағдылар. (Сондай-ақ, көптеген алдыңғы қатарлы даму жұмыстарын іздейді.)
MV * JavaScript негіздері
JavaScript шеңберлері сіздің кодты ұйымдастыруға және конденсациялауға көмектеседі.
MV * (немесе MVC) опцияларына байланысты, онда отызда: екеуі ең танымал - backbone.js және angular.js.
Әрине, JS негізін үйрену шынайы бітістіруші әзірлеуші болудың ең қиын бөлігі болып табылады, бірақ бұл сіздің дағдыларыңызды келесі деңгейге көтерудің ең жақсы тәсілі.
CSS құралдары
Жоғарыдағы JavaScript парақтарымен салыстырғанда, төмендегі CSS құралдары төменде үйренуге оңай. Іздеудің үш түрі бар:
Precompilers: Precompiler (немесе preprocessor) пайдалану арқылы кодты тазартқышты ұйымға айналдыруға дейін көптеген артықшылықтар бар. Бұл CSS-ті жазуға және DRY (Қайталанбастан) қағидаларын насихаттаудың жеңіл тәсілі. Танымал CSS Precompilers Sass, Less және Stylus болып табылады. Егер сіз жаңадан бастасаңыз, біреуді үйреніңіз.
CSS шеңберлері: CSS шеңберлері жұмыс процесін кіріктірілген торлармен және басқа CSS компоненттерімен оңтайландыруға көмектеседі. Екі танымал мысал - Bootstrap және Foundation.
Жауапкершілік дизайны: Бүгінгі күні сіздің сайтыңыздың бәріне бейімделуіне мүмкіндік беретін көптеген түрлі құрылғылар бар. Жауап беретін дизайн барлық экрандық өлшемдерде жұмыс істейтін сайттарды - үстел үсті, планшет және смартфондарда жұмыс істеуге көмектеседі. Bootstrap және Foundation тәрізді құрылымдарға жауапты дизайн салынған, сондықтан сіз солардың бірін үйренсеңіз, сіз орнатасыз.
Алдыңғы құрастыру құралы
Әзірлеуші ретінде файл өлшемінің оңтайлылығын және жұмыс процесінің тиімділігін басқара аласыз. Бұл құралдар көмектесе алады.
Пакеттерді басқару: Барлық кітапханаларды, активтерді және басқаларды, әсіресе үлкен жобалар немесе топпен жұмыс істейтін жерлерде ұйымдастыру қиын болуы мүмкін.
Бауэр сияқты бума менеджерін пайдаланып, бәрін сұрыптап, жаңартуларыңыздың журналын сақтаңыз.
Yeoman.io: Егер сіз кейде жобаларды жер үстінен алуға қиындықтар туындаса, Yeoman-ды жобалармен тез бастауға және өнімді болып қалуға қолданыңыз. Ол пәрмен жолында іске қосылады.
Тапсырма жүгірткілері: Файлдарды қысу және жұмыс процесін оңтайландыру үшін командалық жолда іске қосылатын Grunt немесе Gulp пайдаланыңыз. Олар Sass немесе Less preprocessors үшін компиляторлар ретінде әрекет ете алады, сондай-ақ басқа мүмкіндіктермен мақтана алатын плагиндердің кең спектріне ие.
Қорытынды
Дегенмен жақсы нәрселер көп көрінуі мүмкін, оларды уақыттың ішінде қосуға болатын дағды ретінде ойлаңыз. Сізге білу қажет негізгі нәрселер - HTML, CSS және JavaScript.
Егер сізде басқа веб-дағдыларыңыз бар болса , тіпті олар алдыңғы қатарға жатпайтын болса да, оларды үстелге ұқсас дизайнға, бейне-редакциялауға, SEO-ға және т.б. әкеліңіз. Сіз қандай компания іздейтінін ешқашан біле алмайсыз.
Және не ойлайсыз? Сіз мінсіз болуы мүмкін.