Решён
Как создать свой сайт с нуля самому и бесплатно?

Всем привет!

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

С чего начать? Какие технологии учить в первую очередь? И главное - где бесплатно захостить результат чтобы можно было показать работодателю?

Языки программирования не знаю, но базовое понимание логики есть (учился на инженера).

Решение
93
Участник • 6 ответов

Минимальный стек для старта:

  1. HTML - структура страницы (1-2 дня на основы)
  2. CSS - стили, внешний вид (3-5 дней, flexbox и grid обязательно)
  3. JavaScript - интерактивность (1-2 недели на базу)

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

Бесплатный хостинг для статики:

  • GitHub Pages - идеальный вариант для портфолио, работодатели сразу видят твой код в репозитории
  • Netlify - автодеплой из гита, бесплатный SSL
  • Vercel - то же самое

Ресурсы для обучения:

  • MDN Web Docs (mozilla) - библия веба, там все
  • freeCodeCamp - бесплатные интерактивные курсы
  • YouTube канал Traversy Media

Через 2-3 месяца плотной работы будет приличное портфолио.

Аватар Александр Петров

Спасибо за структурированный ответ! Начну с MDN.

41
Эксперт • 1 ответ

Если цель именно трудоустройство, то после базы HTML/CSS/JS сразу учи React или Vue. На рынке почти не осталось вакансий где нужен чистый JS без фреймворков.

И TypeScript. Без него сейчас никуда.

28
Эксперт • 3 ответа

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

52
Участник • 3 ответа

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

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

35
Участник • 4 ответа

GitHub Pages деплой:

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/username/repo.git
git push -u origin main

Потом в настройках репозитория Settings -> Pages -> Source: main branch. Через минуту сайт будет доступен по адресу username.github.io/repo

0
Эксперт • 2 ответа

бро просто скачай готовый шаблон с themeforest и поменяй текст и картинки, никто не будет проверять писал ты сам или нет

Аватар Владислав Р.

На собесе попросят что нибудь поправить в коде или объяснить как работает. И сразу станет понятно что человек ничего не писал.

22
Участник • 3 ответа

Добавлю про VS Code - это редактор который используют 90% веб разработчиков. Бесплатный, куча расширений. Обязательно поставь:

  • Live Server (автообновление страницы при сохранении)
  • Prettier (форматирование кода)
  • ESLint (поиск ошибок в JS)

Написать ответ

Премодерация гостей

Вы отвечаете как гость. Ваш ответ будет скрыт до проверки модератором. Чтобы ответ появился сразу и вы получали репутацию — войдите в аккаунт.

Будьте вежливы и соблюдайте правила платформы.