Возможно ли выучить азы Веб-разработки за месяц. Проект _Возможно ли выучить азы Веб-Разработки за месяц__ (1). "Возможно ли выучить азы Вебразработки за месяц"
 Скачать 25.49 Kb.
|
|
Проект по теме: "Возможно ли выучить азы Веб-разработки за месяц?" Автор: Тюсин Евгений Владимирович Ученик 10 класса. Руководитель: Тюсина Светлана Сергеевна Оглавление |Введение Что такое Верстка & Frontend и кто такой Верстальщик? Как облегчить написания Кода? Опрос среди участников Практическая часть |Заключение |Используемая литература Введение Что такое Сайт? Сайт, или веб-сайт (от англ. website: web — «паутина, сеть» и site — «место», букв. — «место, сегмент, часть в сети»), также веб-узел, — одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. В 1991 году британский физик Тим Бернерс-Ли, работая в Европейской организации по ядерным исследованиям, создал первые в мире веб-сервер, сайт и браузер. Первый веб-сайт World Wide Web был размещен им 6 августа 1991 года Сайт можно разделить на 3 части: Веб-Дизайн, Верстка & Frontend, Backend. Все начинается с макета (Веб-Дизайн). После составления макета идет Верстка. Верстальщик пользуется языком программирования HTML,CSS,а также JavaScript. Они из макета делают функциональный сайт. При этом HTML - “Скелет” сайта, а CSS - “Кожа” сайта. Frontend - одна из важнейших процессов в создании Веб-Сайт. Верстальщик - человек, который профессионально владеет HTML и CSS, JS. Конечно, нельзя думать, что Веб-Дизайн и Backend не нужны. Все три фазы создания сайта очень важны. Актуальность: Связи с развитием в сфере IT появляются новые работы, которые становятся основными, Веб-Разработка относится к таким. Цель работы: Выяснить возможно ли выучить азы Верстка & Frontend за месяц, а именно Верстка & Frontend за месяц. Предметы для проекта: Компьютер (Ноутбук), интернет, текстовой редактор, браузер. Задачи работы: Поиск материала. Изучения материала (Теоретическая часть) Практическая часть Вывод Что такое Верстка & Frontend и кто такой Верстальщик? Верстка сайта — это структурированное сочетание изображений, заголовков, подзаголовков, таблиц, инфографик, текста и других элементов на странице c помощью языка разметки HTML и языка описания внешнего вида страницы CSS. Верстальщик – это специалист, который кодирует страницы web-сайтов, разбивает текст на отдельные страницы, компонует его с иллюстрациями. Frontend - одна из частей создания веб-сайта. Он делает основу сайта и “украшает” его. Верста делится на 3 языка программирования: - HTML. Он делает сайт функциональным, то есть таблицы, кнопки. списки и т.п., а также добавляет фотки, ссылки на сайт. - CSS делает приятный на глаз сайт. То есть декорация сайта. - JS - Java Script, с помощью его верстальщики делают всплывающие окошки и т.п. Верстальщик начального уровня способен создавать простые сайты с использованием HTML и CSS шаблонов. Профессионалы работают с многоуровневыми ресурсами и решают самые сложные задачи. Верстальщику должен иметь следующие качества: усидчивость; стрессоустойчивость; коммуникабельность; ответственность; исполнительность; внимательность; пунктуальность. // Как облегчить написания кода? В наше время много CSS-фреймворков, но выделяют следующие: Bootstrap Skeleton Kube Foundation Semantic UI Так же имеются множество библиотек, которые облегчают написания кода. Но с появлением облегчений в написании кода, возникли и другие проблемы для ручной-веб разработки. Это появление платформы-конструкторы или по другому “Визуальные редакторы”, которые смещают ручную веб-разработку. Но у ручной веб-разработки больше преимуществ на данный момент, чем у платформ-конструкторов, а именно: Четкое представление исходного кода страницы и сайта — верстальщик совершенно четко понимает ЧТО он делает и КАК; Отсутствие мусора в коде страницы — код получается правильный, легкий и не нагроможденный лишними тегами и символами; Наличие нужных тегов в коде страницы, например «!DOCTYPE» и «meta»; Возможность выбора конструкции верстки — блочная и/или табличная модель; Быстрое усвоение языка разметки — постоянно набираются повторяющиеся элементы разметки и стилей. Опрос среди участников Мною был сделан опрос среди учащихся 8-11 классов. И результат оказался следующим: Вы пробовали создать сайт через платформы? Рисунок 1 (приложение 1) Вы пробовали создать сайт через язык программирования? Рисунок 2 (Приложение 2) Считаете ли Вы, что создание сайтов легко? Рисунок 3 (Приложение 3) Как думаете, где более гибко можно настраивать сайт? Рисунок 4 (Приложение 4) Как часто Вы пользуетесь сайтами? Рисунок 5 (Приложение 5) В каких сайтах Вы большего проводите время? Рисунок 6 (Приложение 6) Когда был создан первый сайт? Рисунок 7 (Приложение 7) Как Вы считаете, Возможно ли Выучить азы Веб-Разработку (Научиться создавать сайты через язык программирования) за 1 месяц? Рисунок 8 (Приложение 8) Подводя итоги опроса, можно сделать следующий выбор: учащиеся ни разу не создавали сайт через язык программирования; 16,7 % пытались сделать сайт через Платформы; 100% учащихся уверены, что создавать сайты тяжело; 33,7% учащихся считаю, что легче всего настраивать сайт через платформы; 91,7% учащихся пользуются каждый день сайтами и только 8,3 % через день; 83,3 % учащихся пользуются информационными сайтами, остальные Интернет-Магазинами и Игровыми порталами 58,3 % учащихся знают создание первого сайта. 16,7% учащихся считают, что изучение азов Веб-Разработки тяжело. Исходя из этого опроса, я хочу доказать, что 16,7 % людей, которые указали, что невозможно выучить азы Веб-Разработки за месяц, не правы. Практическая часть Вся моя практическая часть делилась на 3 этапа: Подготовка к изучению материала. Изучение материала. Использование теоретического материала на практике. На первом этапе, мною было сделано следующее: скачан редактор кода (Visual Studio Code), поиск на различных платформах материал. Проблемы на первом этапе были очень велики, так как нужно было найти хороший и удобный редактор, поиск информации был самым тяжелым, ведь каждый учит по своему, и когда ты уже усвоил урок одного человека, то второй человек уже не так преподносит информацию. На втором этапе я приступил к изучению материала, сначала было очень тяжело изучать информацию, ведь много информации сразу преподносилось мне, она очень плохо усваивалась, но благодаря домашним заданиям, я смог усвоить материал. На третьем этапе было тяжело придумать свой макет. После я в редакторе кода создал 2 папки: img и css, а также в самой папке “Проект” был файл index и information с расширением html. Проблемы возникали с каждым новой секцией на сайте (Принято делить странички на контейнеры и отдельные блоки). Из-за не знаний некоторых значений кода, было тяжело выравнивать текст,фотографии, но благодаря справочнику “CSS” я смог закончить практическую часть. Так же тяжело было найти мини-картинки, которые не большого размера. Использовал свойства Bootstrap, а именно “Навигацию”. Вся работа заняла у меня 17 дней (16 дней на изучение материала), я делал практическую часть совместно с изучением теории и по итогу получился вот такой информационно-юмористический сайт: “ Кликабельно ” Заключение Подводя итог, я хочу переубедить 16,7% учащихся, что возможно выучить азы Веб-Разработки за 1 месяц, но нужно много терпения и силы воли. Связи с быстром развитием стран в IT-сфере нужны высококвалифицированные Веб-Разработчики, так как это потихоньку становится основной работой. Используемая Литература https://ru.wikipedia.org/wiki/%D0%A1%D0%B0%D0%B9%D1%82 https://revolution.allbest.ru/journalism/00538343_0.html https://www.kommersant.ru/doc/4147760 https://habr.com/ru/post/537384/ https://habr.com/ru/post/537384/ https://itchief.ru/bootstrap/introduction https://canti.pw/articles/2018-11-05-history-of-frontend-frameworks.html https://www.t-design.ru/faq/kakie-preimushhestva-i-nedostatki-ruchnoj-verstki-sajtov.html |