Введення в WEB-розробкуWEB-розробка— процес створення веб-сайту або веб-додатку. Основними етапами процесу є веб-дизайн, верстка веб-сторінок, програмування для веб на стороні клієнта і сервера, а також конфігурація веб-сервераЕтапи розробкиСкладання ТЗ Аналіз ТЗ, вибір відповідних інструментів Дизайн основних типових сторінок сайту (в Photoshop)HTML – верстка макетаРозробка серверної частини (програмування) і розробка БД (якщо потрібно). Тестування та усунення багів Розміщення в інтернет Наповнення контентом та публикаціями Внутрішня пошукова оптимізація Зовнішня SEO-оптимізація Здача проекту Основні підрозділи і профессії:Дизайнер Front-end Back-end Базовік Щоб стати програмістом, не обов’язково йти в університет. Необхідна інформація є в інтернеті. Онлайн-курси, книги, форуми, тематичні сайти – усе це дозволить вам мати багаж знань, порівнянний з рівнем знань випускників ВНЗ. Вам навіть не треба виходити з будинку. Звичайно, прибічники старої школи скажуть, що у ВНЗ краще пояснять базові концепції і математику, але , в програмуванні зовсім не треба обчислювати інтеграли. Front-end розробка:HTML CSS Jquery Занурення у JS Різні фрейворкі і бібліотеки Мати представлення о логіке роботи Backend і часткове занурення в нього Верстальник: Нарізка PSD-макетів на картинки і зборка їх в HTML CSS Jquery HTMLHTML (від англ. HyperText Markup Language — «мова гіпертекстової розмітки») — стандартизована мова розмітки документів у Всесвітній павутині. Що таке тег? Тег - елемент мови розмітки гипертексту. Текст, що міститься між початковим і кінцевим тегом, відображається і розміщується відповідно до властивостей, зазначеними в початковому тегу Види тегів:Парні Одинарні Структура сторінкиОсновні тегіОсновні тегіАтрибутиHTML4 и HTML 5Атрібути data-* - В HTML5 для будь-якого елемента можна використовувати власні атрибути, що починаються із префікса data-. Це дозволяє зберігати різну інформацію, яка може допомогти в роботі скриптів, а також для оформлення елементів через CSS. HTML4 и HTML 5
CSSCSS ( Cascading Style Sheets — каскадні таблиці стилей) — формальна мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки СинтаксісОсновні властивостіЩе властивостіСередовищя для розробки:PHPStorm WebStorm, Komodo Edit(Безкоштовний), Sublime Text(умовно-безкоштовний), Atom (безкоштовний) Ось перелік сучасних популярних мов програмування, з допомогою яких найчастіше пишуть серверну сторону веб-сайту:Python,Php, Java, C#, Ruby, Javascript. |