Дубль 2, как забабахать сайт?

Ну окей, допустим я потел, потел, потел и научился чёто там верстать на html,css и знаю основы javascript.

Как из все этого взять и сделать простенький сайт? Моя не понимать. Куда мне эти условия пихать, циклы, функции, зачем? Как сделать мобильную версию сайта? Юзать ли фреймворки? Писать можно в пикселях единицы измерения или обязательно в относительных величинах?

 

Не понимаааать.

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

wix.com 

легче всего взять движок и просто переделать под себя

pralivalka сказал(а):↑

легче всего взять движок и просто переделать под себя

Нажмите, чтобы раскрыть...

Где движок взять? Адский продаёт?

 

Azazelo_Demon сказал(а):↑

wix.com 

Нажмите, чтобы раскрыть...

Ну я ж "программист", а не помойка 

denton сказал(а):↑

Ну окей, допустим я потел, потел, потел и научился чёто там верстать на html,css и знаю основы javascript.

Как из все этого взять и сделать простенький сайт? Моя не понимать. Куда мне эти условия пихать, циклы, функции, зачем? Как сделать мобильную версию сайта? Юзать ли фреймворки? Писать можно в пикселях единицы измерения или обязательно в относительных величинах?

 

Не понимаааать.

Нажмите, чтобы раскрыть...

Юкоз и Викс твой выбор

denton сказал(а):↑

Как из все этого взять и сделать простенький сайт? Моя не понимать.

Нажмите, чтобы раскрыть...

 

Как как, верстаешь сайт и платишь за бэкенд. Либо сам осваиваешь php и натягиваешь верстку на вордпресс 

denton сказал(а):↑

Куда мне эти условия пихать, циклы, функции, зачем?

Нажмите, чтобы раскрыть...

denton сказал(а):↑

Как сделать мобильную версию сайта?

Нажмите, чтобы раскрыть...

Ручками через медиа-запросы

denton сказал(а):↑

Писать можно в пикселях единицы измерения или обязательно в относительных величинах?

Нажмите, чтобы раскрыть...

Зависит от проекта и задач

Я дизигнер интерфейсов, а знаю больше чем ты 

denton сказал(а):↑

Ну окей, допустим я потел, потел, потел и научился чёто там верстать на html,css и знаю основы javascript.

Как из все этого взять и сделать простенький сайт? Моя не понимать. Куда мне эти условия пихать, циклы, функции, зачем? Как сделать мобильную версию сайта? Юзать ли фреймворки? Писать можно в пикселях единицы измерения или обязательно в относительных величинах?

 

Не понимаааать.

Нажмите, чтобы раскрыть...

 

Лирическое отступление, которое можно скипнуть:

 

По верстке нужно смотреть видосы, где верстают с нуля. По жсу тоже можно, но это скорее со временем придет само. Если тебе нужно будет что-то динамическое реализовать в твоем сайте (и то, часть из этого может сделать цсс), то ты будешь вынужден юзать жс, по-другому никак. И в случае простенького сайта твой жс будет отвечать за анимации, динамику и, в лучшем случае, парочку запросов на сервер. Если же речь идет о полноценном одностраничном веб-приложении (SPA. Под одностраничностью подразумевается то, что у тебя будет только один html файл, в котором ЖС будет заменять контент, создавая видимость перехода по страницам [роутинга] и т.д.), то тут жс перенимает часть бизнес логики у бекенда. По сути приложение будет создаваться двумя независимыми частями - фронтендом и бекендом, которые связаны с помощью API (в сегодняшних реалиях это либо RESTful API, либо GraphQL. И та, и та архитектура подразумевает передачу независимых ни от верстки, ни от бекенда, ни от ЖСа данных. Обычно это данные в формате JSON (объект в строке). Эти данные несут только одну цель - показать фронтенду/бекенду текущее состояние представления (в данном случае твоей верстки). Эта архитектура не подразумевает под собой отправку готовой верстки с бекенда на фронтенд (как это делалось раньше), поэтому обработкой этих JSON данных для смены состояния представления и отображения этих данных юзеру занимается JS. Тут и появляется "золотая жила" для JS разработчиков в виде тысяч строк кода, которые нужно кому-то писать и за которые платят неплохие деньги. В основном этим фронтенд разработчики и занимаются. Делать сайтики - это не фронтенд. Фронтенд - это написание клиентской логики веб-приложений.

Подытожим.

 

1) Гайды по верстке ищи на ютубе

2) ЖС в простых сайтиках пихаешь туда, где нужна динамика, с которой не справляется цсс

3) Мобильная версия делается путем замены определенных стилей для заданного разрешения экрана. Копай в сторону @media запросов. Основная адаптивность будет делаться с помощью flex (сайт будет "резиновый"). Чтобы сделать его отзывчиво-адаптивным, юзаешь @media.

4) Для простых сайтов фреймворки не нужны (если ты имеешь ввиду React, Angular или Vue), потому что просто будут излишне нагромождать сайт, делая его медленнее. Для СПА - мастхев.

5) Зависит от ситуации и от того, как ты делаешь адаптивность. Чаще всего горизонтальные размеры вообще задавать не нужно (или нужно в % для flex), поэтому сайт будет резиновым. Вертикальные размеры в пикселях адаптивность не ломают, потому что есть скролл (горизонтальный скролл - дурной тон в большинстве случаев)

denton сказал(а):↑

Как из все этого взять и сделать простенький сайт?

Нажмите, чтобы раскрыть...

Качай сервер, nginx например. По умолчанию он работает в режиме статичного хтмл сервера. Идёшь в папку хтмл и суёшь туда свою статику(хтмл страницы, ксс и дж скрипты). Потом настраиваешь сервер. Потом поднимаешь виртуальный сервер в роутере, чтобы открыть доступ к серверу вне локальной сети. Потом запускаешь сервер. 

Тада, хоум мейд сайт-визитка готов и доступен по твоему инет айпи. 

 

Можешь ещё бесплатно купить домен 3го уровня с динамическим днс если не нравятся смотреть цифИрки в адресной строке.

 

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

пишешь в гугле "simple web page html css javascript"

или это сложно написать?)

 

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

потом начинаешь изучать дальше все 3 технологии с пониманием, для чего это

Mokytex сказал(а):↑

Качай сервер, nginx например. По умолчанию он работает в режиме статичного хтмл сервера. Идёшь в папку хтмл и суёшь туда свою статику(хтмл страницы, ксс и дж скрипты). Потом настраиваешь сервер. Потом поднимаешь виртуальный сервер в роутере, чтобы открыть доступ к серверу вне локальной сети. Потом запускаешь сервер. 

Тада, хоум мейд сайт-визитка готов и доступен по твоему инет айпи. 

 

Можешь ещё бесплатно купить домен 3го уровня с динамическим днс если не нравятся смотреть цифИрки в адресной строке.

 

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

Нажмите, чтобы раскрыть...

та зачем это все делать если юкоз все сделает за тебя  самый лучший конструктор сайтов 2012

pralivalka сказал(а):↑

та зачем это все делать если юкоз все сделает за тебя  самый лучший конструктор сайтов 2012

Нажмите, чтобы раскрыть...

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

denton сказал(а):↑

Где движок взять? Адский продаёт?

 

Ну я ж "программист", а не помойка 

Нажмите, чтобы раскрыть...

как верстка относится к программированию ?

3xc3xcwarior сказал(а):↑

как верстка относится к программированию ?

Нажмите, чтобы раскрыть...

прямо

Поднимай сервак на фласке за 10 минут, проще не бывает 

panicPlayer сказал(а):↑

прямо

Нажмите, чтобы раскрыть...

прямо никак ?

Сорри, но верстальщик и программист это разные профессии )

Mokytex сказал(а):↑

Качай сервер, nginx например. По умолчанию он работает в режиме статичного хтмл сервера. Идёшь в папку хтмл и суёшь туда свою статику(хтмл страницы, ксс и дж скрипты). Потом настраиваешь сервер. Потом поднимаешь виртуальный сервер в роутере, чтобы открыть доступ к серверу вне локальной сети. Потом запускаешь сервер. 

Тада, хоум мейд сайт-визитка готов и доступен по твоему инет айпи. 

 

Можешь ещё бесплатно купить домен 3го уровня с динамическим днс если не нравятся смотреть цифИрки в адресной строке.

 

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

Нажмите, чтобы раскрыть...

ты ему еще докер предложи, господи.

пусть чел научиться писать

 

FreeM@n сказал(а):↑

Поднимай сервак на фласке за 10 минут, проще не бывает 

Нажмите, чтобы раскрыть...

самый просто это tomcat. jdk только нужен, дальше просто жмешь run

 

 

3xc3xcwarior сказал(а):↑

прямо никак ?

Сорри, но верстальщик и программист это разные профессии )

Нажмите, чтобы раскрыть...

сори но фронтендщик не знающий верстку не фронтендщик.

щас даже бекендщиков заставляют уметь базовые создания шаблонов

 

напиши мне react приложение без знаний бутстрапа и ксса и тем более хтмла

panicPlayer сказал(а):↑

ты ему еще докер предложи, господи.

пусть чел научиться писать

 

самый просто это tomcat. jdk только нужен, дальше просто жмешь run

 

 

сори но фронтендщик не знающий верстку не фронтендщик.

щас даже бекендщиков заставляют уметь базовые создания шаблонов

 

напиши мне react приложение без знаний бутстрапа и ксса и тем более хтмла

Нажмите, чтобы раскрыть...

В нормальных компаниях никогда фронтендер не будет заниматься версткой. Он просто напишет клиентскую логику.

И да, я и фронтендеров с большим трудом могу к программистам отнести )

3xc3xcwarior сказал(а):↑

В нормальных компаниях никогда фронтендер не будет заниматься версткой. Он просто напишет клиентскую логику.

И да, я и фронтендеров с большим трудом могу к программистам отнести )

Нажмите, чтобы раскрыть...

что ж по твоему програмист?

вбей в гугл сделать сайт и первый сайт выбери и не парь мозг себе

denton сказал(а):↑

html,css и знаю основы javascript.

Нажмите, чтобы раскрыть...

еще нужно php (соответственно для этого сервер поднять, лучше на ubuntu server это делать), умение писать и читать инф-цию в БД.

denton сказал(а):↑

Как сделать мобильную версию сайта?

Нажмите, чтобы раскрыть...

использовать классы из бутстрапа для вёрстки

denton сказал(а):↑

Юзать ли фреймворки?

Нажмите, чтобы раскрыть...

лучше всего с Symfony 4 изучать. Довольно универсальный фреймворк, многие фреймворки вышли оттуда и похожи. 

Но для этого нужны базовые навыки веба. Учиться по курсам (они, как правило, платные) либо по официальной документации, но этот вариант не для тебя. Но лучше во фреймворки не лезть, пока базовыми вещами не сможешь какой-нибудь блог сделать или интернет-магазин даже со всратой вёрсткой. 

хз, на Вордпрессе сделал за 5 минут сайт, затем установил плагин ВП Тач, который сделал мобильную версию и все время уходит на контент, а не на юзлесс код, который ты не превратишь в профит никак

 

хостинг платформа даже сама движок на выбор предлагает 

denton сказал(а):↑

Ну окей, допустим я потел, потел, потел и научился чёто там верстать на html,css

Нажмите, чтобы раскрыть...

Видимо плохо научился, если такие вопросы задаёшь

 

denton сказал(а):↑

Куда мне эти условия пихать, циклы, функции, зачем?

Нажмите, чтобы раскрыть...

Действительно, зачем?

denton сказал(а):↑

Как сделать мобильную версию сайта?

Нажмите, чтобы раскрыть...

Адаптивная вёрстка, через media запросы реализуется в CSS

denton сказал(а):↑

Писать можно в пикселях единицы измерения или обязательно в относительных величинах?

Нажмите, чтобы раскрыть...

По ширине можно в % от экрана, потому как размеры экранов по ширине разные. А так пиши как тебе удобнее. Можешь несколько вариантов попробовать и узнаешь, как удобнее

Кста, а Jquery позволит полностью положить болт на обычный Javascript?

denton сказал(а):↑

Кста, а Jquery позволит полностью положить болт на обычный Javascript?

Нажмите, чтобы раскрыть...

Все, что может jQuery, давно реализовано в современном стандарте JS, а для поддержки старых браузеров используются транспайлеры кода типа бабеля