Popis: |
Стаття містить такі розділи: вступ, результати дослідження, висновки та перспективи подальших досліджень. У вступі розглянуто проблему щодо сучасних тенденцій розробки веб-сторінок, здійснено аналіз останніх досліджень та публікацій, сформульовано мету статті. У другому розділі статті висвітлено основні кроки, яких варто дотримуватися при розробці веб-сайтів, а саме: збір матеріалів для розробки веб-сайту (технічне завдання); розбиття технічного завдання на компоненти; розробка дизайну веб-сайту; розробка веб-сайту (front-end та back-end) по компонентам; тестування веб-сайту по компонентам; розміщення веб-сайту в мережі. Описано основні складові front-end розробки. Здійснено детальний огляд текстового редактора Sublime Text, як одного з найпопулярніших текстових редакторів з широким набором зручних інструментів для виділення, маркування та обробки текстових фрагментів коду. Оскільки для сучасних розробників плагін є невід’ємною частину інструментальних засобів, то в статті розглянуто дане поняття, а також описано найпопулярніші плагіни для Sublime Text: Package Control, JavaScript & NodeJS Snippets, Emmet, Advanced New File, Git, GitGutter, Side Bar Enhancements, ColorPicker, Placeholders, DocBlockr, SublimeCodeIntel, Minify, Sublime Linter, Color Highlighter. Наведено приклад розробки елементарного веб-сайту з метою демонстрації використання описаних плагінів, який складається з таких розділів: шапка; домашня сторінка; про нас; контакти; підвал. Продемонстровано використання інтерактивного компоненту «карусель». Розглянуто нюанси використання фреймворків та їх компонентів таких, як CSS-Framework та Bootstrap. У результаті проведеного дослідження сформовано чіткий алгоритм розробки елементарного веб-сайту та описано методи та засоби, які можуть бути використані при цьому. У висновках сказано про перспективи розвитку технологій по створенню якісних веб-сайтів. |