Начните веб-разработку с упора

Опубликовано: 15 Июля, 2021

Если вы начинающий инженер в сфере ИТ или кто-то еще, у кого есть свежий интерес к разработке и дизайну веб-сайтов, то этот пост для вас.

Более десяти лет веб-разработка была самым любимым предметом для компьютерных фанатов во всем мире, и это не новость. Но ежедневный рост и новые методы сделали его еще более замечательным предметом для изучения и экспериментов. В этой статье я напишу все, что вам нужно знать, и все, что вам потребуется, чтобы продолжить свой путь в веб-разработке удобнее, продуктивнее и веселее!

Кто может разрабатывать веб-сайты и веб-приложения?

Если вы понимаете базовую логику программирования (циклы, классы, объекты, функции и т. Д.), Вы можете легко создать веб-приложение, такое же огромное, как Google Chrome. Ничего особенного.

Если вам нравится проводить время с редактором кода, а не заниматься другой посредственной работой, то да, вы можете стать следующим Цукербургом.

Кодирование во время веб-разработки относительно легко, чем при разработке программного обеспечения, но все же требует логики и целенаправленного мышления.

Кто не может разрабатывать веб-сайты и веб-приложения?

Если единственная мотивация, стоящая за всей этой работой, - это академические знания и достойное резюме, тогда вы можете столкнуться с «техническими» проблемами, поскольку разработка веб-доменов требует большой умной работы и самоотверженности. Если вы не планируете до конца, вы можете оказаться в никуда, а ваши интересы и усилия будут полностью испорчены.

Почему разработка?

Торговля ИТ и информатикой (CSE) в основном подразделяется на три поддомена; Программная инженерия, Сеть и разработка веб-сайтов. Однако первые два также очень интересны и плодотворны с точки зрения веб-разработки, студентов постоянно убеждают в том, что они более важны и значительны, чем WebDev.

Я не могу не подчеркнуть этот момент, веб-разработка и дизайн - это третье колесо компьютерных технологий, и его нельзя недооценивать.

Я лично видел людей, которые занимались разработкой программного обеспечения в поисках работы и карьерного роста, независимо от их интересов в данной области, и после неудачи начинали разработку веб-сайтов.

За веб-разработкой будущее. Посмотрите вокруг, и вы согласитесь.

Мифы веб-разработки

  • WebDev ограничивается созданием веб-сайтов.
  • WebDev не может найти вам «высокооплачиваемую» работу.
  • WebDev - это просто.

Нет дорогой! Веб-разработка не ограничивается веб-сайтами, вы также можете создавать браузеры, плагины, игры, электронную коммерцию и ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ. Объем разработки слишком велик, для его описания потребуется не одна статья. WebDev может найти вам работу в таких известных компаниях, как Facebook, Microsoft, Google и т. Д., Или вы всегда можете работать высокопрофессиональным фрилансером. Хотя начало карьеры может вас разочаровать, но по мере того, как вы продолжаете расти, ваша зарплата тоже.

Веб-разработка хоть и увлекательна, но требует тяжелой работы, особенно на этапе PHP / ASP.net. Вы должны работать в определенном порядке, если хотите стать хорошим веб-разработчиком.

Базовая дорожная карта

Шаг 1 - HTML5

Хотя это кажется простым, HTML5 определенно не является старым HTML в том виде, в каком мы его знаем. HTML5 - это расширенная функциональная форма HTML4 с гораздо большим количеством функций, чем в предыдущей версии. С HTML5 вы можете не только легко подготовить базовую структуру веб-страницы, но и можете хранить переменные на самой странице, создавать на ней игры, вам больше не нужно полагаться на флэш-память для запуска ваших видео и анимации, а также с хорошими подробными 4 месяцами Study, может даже создать полноценный блог, даже не касаясь серверных языков, таких как PHP.

Необходимое время: 4 месяца *

Избегайте Head-start и HTML5 для чайников, поскольку они не очень практичны по предмету.

Шаг 2 - CSS

Кто добавляет красок в радугу? CSS, безусловно, делает.

С помощью CSS вы можете создать красочную и плавную форму своей сети. Как и HTML, CSS превратился в CSS3, с помощью которого вы также можете добавлять переходы к страницам, прокрутку и даже наведение курсора мыши. Вы даже можете сделать свой сайт элегантным или ярким, используя всего несколько строк CSS3.

Требуемое время: 1 месяц практики с HTML5 *

Шаг 3 - HTML5 и CSS

Теперь, когда вы уже изучили HTML5 и CSS3, создание страниц для вас не составит большого труда. Вы можете создавать свои собственные страницы или шаблоны или работать с адаптивными макетами, которые могут адаптировать экран любого устройства.

Вы можете практиковаться сколько угодно, но 60 часов * достаточно, чтобы практиковаться в совместном использовании HTML5 и CSS3. Если вы отличный студент, вы также можете найти в bootstrap3 адаптивный макет, прежде чем переходить к шагу 4.

Шаг 4 - HTML5 и JavaScript

Теперь, когда вы узнали, как должен выглядеть ваш сайт, вы можете использовать эти кнопки для решения некоторых задач. JavaScript, лучший язык программирования для обхода веб-страниц, является универсальным, гибким и независимым от платформы. Я предпочитаю его любому другому языку веб-программирования (на стороне клиента). С javascripts начинается настоящая разработка. Вы создаете переменные, присваиваете им некоторые значения и передаете их в качестве аргументов какой-либо функции, чтобы наконец получить возвращенные значения или действия (например, загрузка страницы, перенаправление). JavaScript легко выучить, но сложно освоить, поэтому я рекомендую перейти к следующему шагу, как только вы научитесь работать с функциями и переменными. У JavaScript есть много потомков, таких как node.js, и он требует много чтения и практики, чтобы действительно использовать его при создании сложных веб-приложений. (См. Макросы).

Шаг 5 - HTML5 и PHP

Пока что все дело в разработке веб-сайта из внешнего интерфейса. Как он выглядит и как должен реагировать, но настоящая работа происходит за кулисами. PHP - это серверный язык, который выполняет всю реальную работу и полностью полагается на ваше интернет-соединение (если вы не работаете на локальном хосте, который я не рекомендую для проектов).

  • Первая половина этой обучающей процедуры работает над интерфейсом.
  • Вторая половина требует большего количества обратного кодирования

Требуемое время: 4 месяца (минимум 500 часов) *

Шаг 6 - Все выше + MySQL

Легче всего работать, труднее всего обслуживать. Проектирование базы данных может быть настоящей головной болью, если вы не организованы и не хорошо спланированы.

Причина, по которой я рекомендую PHP по сравнению с любыми другими языками серверных сценариев, заключается в том, что PHP отлично подходит для начинающих, и если ваши базовые концепции C ++ старой школы ясны, PHP станет намного проще, чем вы ожидаете.

MySQL с комбинацией PHP на сервере Apache (лучше, чем IIS) обеспечивает идеальный фрейм для создания веб-страниц, и если вы хотите попрактиковаться на localhost, попробуйте сервер WAMP.

Практикуйтесь на локальном хосте, реализуйте на удаленном хосте.

Рекомендуемые книги: MySQL Head-first от Орейли.

 Шаг 7 - Python, Ruby on rails, Perl и т . Д.

Если вы выполнили указанные выше действия в указанной последовательности, вы, вероятно, уже знаете, как работает веб-сайт социальной сети и как работают уведомления и личные сообщения (чаты).

Вы можете легко создать электронную коммерцию, даже не переходя к следующему шагу. Но что, если вы хотите создавать такие сайты, как FlipKart, Amazon, Microsoft, Google или Facebook?

Это сложнее, чем просто HTML5, PHP и MySQL.

Существуют и другие языки программирования на стороне сервера и клиента, которые помогут вам творить чудеса, о которых вы всегда мечтали. Python - один из самых практичных, эффективных и прибыльных языков программирования, которые используются сегодня, и самое лучшее в изучении Python - это очень просто .

Хотя Python не зависит от PHP, я все же рекомендую сначала изучить PHP, так как он подготовит ваше мышление и вы выучите Python быстрее.

Я работал над PHP шесть лет и выучил Python за 12 часов.

Существуют и другие языки программирования и фреймворк, на которых вы можете работать, например Ruby on rails. Но в первую очередь вам следует отдать предпочтение Python.

 Шаг 8 - Перемешайте

Последний шаг. Перемешать.

Используйте HTML5 с python, загружайте коды python в браузер HTML5, внедряйте коды PHP на python или просто напишите приложение на python для обработки некоторого JavaScript.

Практика-практика-практика !!!

Пройдет некоторое время, прежде чем вы начнете создавать свой собственный большой проект, который когда-нибудь может заменить основные бренды веб-технологий, но каждый поход начинается с маленького шага.

Спасибо за чтение, если у вас есть еще указатели, предложения, аргументы или признательность, оставьте комментарий!

* Все это мои оценки времени и могут варьироваться от человека к человеку.

PS - WebDev и WebDav. WebDav означает распределенное веб-создание и управление версиями - это совершенно разные вещи.

Об авторе:

Этот блог предоставлен Ааюшем Гаргом. Он веб-разработчик, писатель и режиссер из Нью-Дели, имеет степень бакалавра информационных технологий в Университете Курукшетра. Помимо того, что ему нравится смотреть живые выступления и иностранные телешоу / фильмы, он также любит технические вещи и опубликовал статьи о логическом мышлении и рациональном мышлении. С ним можно связаться в Twitter @reesgargi.

Если вы также хотите продемонстрировать здесь свой блог, пожалуйста, посетите GBlog, где можно писать в гостевом блоге на GeeksforGeeks.