Содержимое курса
Дизайн сайта. Макет
0/15
Веб-қосымшалардың дизайнын жасау

Веб-сайттарды сәтті әзірлеу үшін бағдарламалау мен дизайн негіздерін біліп қана қоймай, сонымен қатар тиісті бағдарламалық жасақтаманы қолдана білу маңызды. Бұл бөлімде біз сізге веб-дамудың әр кезеңінде көмектесетін негізгі құралдармен танысамыз: код жазудан бастап тестілеуге дейін. Бағдарламалардың келесі санаттарын қарастырыңыз: код редакторлары — HTML, css, JavaScript және басқа тілдерді жазуға және өңдеуге арналған бағдарламалар. Бұл құралдар синтаксисті бөлектеу, автоматты түрде қосу және басқа да пайдалы функциялардың арқасында жұмыс процесін жеңілдетеді. Нұсқаны басқару жүйелері-кодтағы өзгерістерді бақылауға, топта жұмыс істеуге және жобаларды басқаруға мүмкіндік береді. Сіз git-ті қалай орнатуға және пайдалануға болатындығын, сондай-ақ github ішіндегі танымал платформалармен жұмыс істеуді үйренесіз. Жергілікті серверлер-бұл компьютердегі веб-қосымшаларды тексеруге арналған құралдар. Біз жобалардың артқы жағында жұмыс істеу үшін XAMPP және docker-ді қалай орнатуға болатынын талдаймыз. Деректер базасы-деректерді сақтау және басқару бағдарламалары. Біз MySQL және PostgreSQL-мен жұмыс істеудің негіздерін, соның ішінде жобаны орнату мен қосылуды үйренеміз. Браузер құралдары-веб-беттерді тексеруге және жөндеуге арналған кіріктірілген құралдар. Сіз devtools-ті танымал браузерлерде қалай пайдалану керектігін білесіз. Біз әр бағдарламаны орнату процесінен бастап негізгі қолданысқа дейін кезең-кезеңімен қарастырамыз. Бұл сізге жаңа құралды оңай үйренуге және оны іс жүзінде қолдануға мүмкіндік береді. Бірінші және ең маңызды қадамнан бастайық-код редакторын таңдау. Код редакторлары: Visual studio code, sublime Text, Atom, PhpStorm, WebStorm.
Өнімдер туралы қысқаша ақпаратты 1.1-кестеде қарастыруға болады.   1.1-кесте бағдарламалық қамтамасыз ету туралы мәліметтер

Программное обеспечение Тип лицензии Ссылка
Visual Studio Code Бесплатная https://code.visualstudio.com
Sublime Text Пробная / Платная https://www.sublimetext.com
Atom Бесплатная https://atom.io
PhpStorm Платная / Образовательная лицензия (бесплатная) https://www.jetbrains.com/phpstorm
WebStorm Платная / Образовательная лицензия (бесплатная) https://www.jetbrains.com/webstorm

 

Егер сұрақтар туындаса, сканерлеп, бізге жаза аласыз: