Специалист | HTML5 и CSS3 (Уровень 1,2,3) (2016) PCRec

Борисов сильно обрезаный курс. Если сравнивать с курсом прошлого года, то этот приблизительно на 8 часов меньше. Поэтому думаю что в этом курсе не только последний день обрезан, но и других дней и часов не хватает.

С флоатами "не так" то, что это свойство вообще не для блочной верстки! Это свойство было введено в CSS для работы с текстом. Поэтому верстка флоатами - зло, она уже сейчас выглядит архаично, а через год на такую верстку будут показывать пальцем и смеяться. Флексами вообще можно вытворять самые невообразимые вещи, за ними будущее и оно почти наступило. Блочная верстка флоатами это ересь.

Адаптивность - это свойство вебдизайна. display и position - это свойства CSS, то есть инструмента с помощью которого этот дизайн создается (адаптивый и неадаптивный). Одно создается с помощью другого. Тоже самое и фреймфорками. Там эти свойства используются во всю.

Простите уважаемые.
А что не так с вёрсткой float'ами?

Поддерживаю вопрос пользователя Raven23. И Продублирую, поскольку не было ответа на него: А что не так у Вас с вёрсткой float-ами, Ребят? ...

Всё не так просто. Дело не в "потакании прихотям", а в том что если вы делаете сайт интернет-магазина или сайт туроператора (к примеру), то для них важен каждый посетитель как потенциальный покупатель, здесь идет охота даже за теми кто сидит на древних браузерах, поэтому для них кроссбраузерность реально критична.

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

Вопрос: Какой из способов более предпочтительный в данном случае? Если можно, то аргументировать...

Во-первых второй вариант с точки зрения SEO никудышный,
во-вторых во втором варианте сайт для мобильной версии какой? сейчас на рынке сотни (ну, ладно, десятки) различных мобильных устройств со своими размерами экранов и разрешениями.

Так что пилите мобильные версии, пока не просели

5) И если говорить за будущее, то оно за гридами, которые придут после флексов.

Мобильная версия никудышна с точки зрения SEO? WHAT ?

б) с помощью выделения отдельно основного домена сайта для главной "десктопной" версии ресурса, например www (точка) mysite (точка) ru, и отдельного поддомена сайта для его мобильной версии, например www (точка) mobile (точка) mysite (точка) ru.

1) Не надо так гнаться за хайпом. Суть не в том, что свойство используется не по назначению. Тот же Bootstrap (построенный на флоатах) доказал, что ничего плохого в них нет. (Может и перейдут на флексы в новой версии, но а пока весь мир его успешно использует. Хотя бы его сетки.)

2) Свойство float - это инструмент. Если он справляется со своей задачей, то и используйте его. Если разработчик знает, зачем ему нужно обтекание блоков, то пусть использует его. В инструментах нет ничего плохого, плохое есть в руках, которые не умеют их использовать.

3) Что хуже, так это - морально устаревшая не семантичная вёрстка (divism мозга, вместо более семантичных header, nav, main, section, article и т.д.) Так что сам float вполне хорош.

4 )И ересь - это верстать все позишинами, также как и верстать все флоатами. Использовать их нужно там, где они востребованы, не более того.

5) И если говорить за будущее, то оно за гридами, которые придут после флексов. Да и проблемы флексов не заканчиваются старыми ископаемыми IE. Наблюдается странное поведение и в EDGE (он же Spartan), на который мягкотелые делают ставку, прекращая поддержку IE.

Если не гнаться за хайпом, то всё норм с версткой флоатами. Но проблемы все же у них есть. Товарищ "derini" много чего написал, но по сути вопроса так и не ответил. А именно, про проблемы флоатов. А это - костыли clearfix, невозможность центрировать (без магии), сетка с разной высотой блоков кривая... Следуя логике, если проект финансовый, то человек который даже железо сменить не может - не принесет прибыль компании. (с) Британские аналитики.

Не холивара ради - не могу смотреть, как некоторые тут впаривают свои "best-practices". Особенно диванные seo-аналитики. Хорошо, аргументирую: На дворе уже почти 2017 год. Большее количество трафика приходится на мобильные. А чисто медиа запросы, сами по себе, более простой и дешевый вариант привлечь этот трафик. Такое мнение возникло из-за непонимания заказчиками надобности второго сайта - мобильной версии. Правда кроме как на фрилансе или нищебродских студиях такого подхода вы больше не встретите. Под все серьезные проекты везде уже создаются мобильные версии. Конечно, если у вас сайт-визитка или лендинг, то тут не так критично. А если у вас большой проект и вам важны позиции в выдаче, мобильная версия обязательна! Иначе, вы просто теряете на одних медиа-запросах часть трафика.

Хорошо, если еще проще и короче: По "mobile-first" cайты с мобильной версией, лучше индексируются и ранжируются в Google и наоборот. p.s.: в Яндексе, до этого еще не додумались, но ждать себя долго не заставят. Так что пилите мобильные версии, пока не просели.

Мобильная версия никудышна с точки зрения SEO? WHAT ?
Товарищ, вы вообще не знаете о чем говорите! Так хотя бы не советовали уже...

Если говорить про "Google". Во-первых, без мобильной версии, вы потеряете трафик. Почему? Потому что на пороге 2017г и "index mobile-first ranking". При ранжировании гугл дает наивысший приоритет именно сайту с мобильной версией, а не только на медиа-запросах. Во-вторых, вы не понимаете для чего и как делают мобильные версии. "Mobile UI" - это прежде всего UX. Иначе говоря юзабилити. Область просмотра, размер шрифтов и активных элементов - это тот же UX, который будет отражаться при проверке "Google Page Speed Insights". Зеленая зона которого вернется в виде более лучшего ранжирования. Но они все также на медиа запросах пишутся.

1) Не надо так гнаться за хайпом. Суть не в том, что свойство используется не по назначению. Тот же Bootstrap(построенный на флоатах) доказал, что ничего плохого в них нет.
(Может и перейдут на флексы в новой версии, но а пока весь мир его успешно использует.

2) Свойство float - это инструмент. Если он справляется со своей задачей, то и используйте его. Если разработчик знает, зачем ему нужно обтекание блоков, то пусть использует его. В инструментах нет ничего плохого, плохое есть в руках, которые не умеют их использовать.

3) Что хуже, так это - морально устаревшая не семантичная вёрстка (divism мозга, вместо более семантичных header, nav, main, section, article и т.д.) Так что сам float вполне хорош.

4 )И ересь - это верстать все позишинами, также как и верстать все флоатами. Использовать их нужно там, где они востребованы

Товарищ derini много чего написал, но по сути вопроса так и не ответил. А именно, про проблемы флоатов.

Я как реальный программист вам скажу, чтобы что-то запомнилось, нужно верстать. Я так html+css выучил. Сейчас без справочников верстаю. Я советую учить веб-программирование. На нем реально заработать. Для этого надо освоить несколько основных технологий. Сейчас их перечислю.

1) HTML5 + CSS3 обязательно!

2) JavaScript. Это скриптовый язык программирования, который понимают браузеры. Анимация, эффекты и логика, которая выполняется на стороне клиента (в браузере) реализуются на этом языке. Также нужно вникнуть в библиотеку функций JQuery. Очень полезная вещь.

3) Серверное программирование. В островом это PHP & MySQL. Но сейчас серверную логику пишут много на чём, например Python, Ruby. Это уже программирование во всей своей красе! Более того, не забываем о языке запросов к базам данных MySQL. Ведь без базы данных сейчас ничего не представить.

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

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

Несколько слов относительно непосредственно написания (создания) веб-сайтов в сети Интернет.

Сайт - это сразу несколько технологий. За визуальное отображение отвечает css+html, как уже было сказано выше. За динамику, чтобы сайт жил, отвечает JavaScript. За логику на сервере отвечает серверный язык программирования, в основном это сейчас РНР. Понять смысл HTML не трудно, это набор тегов. CSS тоже не очень трудно, это набор свойств. Чтобы это запомнить, набить руку, нужно верстать. Скачай бесплатный PSD-макет, и верстай по нему. В сети много материала как верстать PSD из фотошопа.

Что касается программирования. Чтобы понять что такое программа, и как работает серьёзный код, нужно сначала потренироваться на чем-то попроще. Я советую "Паскаль". Освоишь его - освоишь всё остальное. На нем хорошо отрабатывать алгоритмы. Не учи по очереди, ты сейчас познакомишься с одним, потом перейдешь на другое и первое забудешь. Поэтому учи сразу и по чуть-чуть, расширяй свой кругозор в комплексе!

Голый HTML+CSS ничего не стоит, вы с ним ничего не сделаете. Это просто вёрстка, не более... Есть полезный сайт, называется HTMLBOOK, там есть самоучитель. Вот по нему и учитесь. И все эти горы книг сотрите со своего компьютера, выкиньте, они вам не нужны. Как говорили мои преподаватели в университете, чтобы выучить язык программирования, на нём нужно самому писать. В процессе будут возникать проблемы и решая их вы будете набираться опыта. И поймёте ваше это или нет.

Можно прочесть одну книжку страниц на 150-200 по основам HTML+CSS, и страниц на 200 по "Паскалю". Остальное всё с опытом. Кстати, если говорить о HTML5 или HTML4, то вы внимательно читайте, и сразу усваивайте в чём разница между ними. Что HTML5 - это последние поколение этого языка разметки, что в нём добавились новые теги, новые семантические атрибуты и бла бла бла... В принципе эти языки (HTML5 и его предыдущая версия HTML4) очень похожи, однако HTML5 намного функциональнее, там добавлены новые теги, ну и изменена внутренняя семантика языка.

Честно говоря, по сути разметка HTML - это самое простое в сайтостроении. Язык стилей CSS чуть посложнее. Когда сами сверстаете пару шаблонов - будете без справочников уже писать. А в этом коде (имеется ввиду в вёрстке) ничего сложного нет, просто большой массив однотипного кода. Правильный совет дали и я уже говорил, чтобы запомнить что-то - надо это что-то самому писать. Возьмите и сверстайте какую-нибудь простенькую веб-страницу. В хроме откройте любую страницу и правой кнопкой мыши нажмите и выберите "показать код", увидите консоль, там в центре разметка, а справа стили css. Пощелкайте стили, посмотрите что это такое в реальном действии.

Кстати говоря, на ресурсе HTMLBOOK есть отдельный раздел, не помню как называется, там есть задания и их можно выполнять и смотреть как другие их реализовали. Более того, сам по себе HTMLBOOK денег не берёт. А подписываться на платные курсы вряд ли стоит (правда, смотря на какие), это не гарантирует вам быстрого повышения мастерства. Тут всё зависит от самого человека... До реального зарабатывания денег "в вебе" человеку только начавшему изучать "html+css" ещё ой, как далеко. Нужно освоить столько технологий... Установите себе на компьютер пакет Денвер. Это локальный сервер вместе с СУБД "MySql". На нем можно практиковаться в языке РНР.

И ещё один важный момент (из наблюдений по жизни). Если человек лениться и ведёт праздный образ жизни, например часто просто смотрит фильмы или играет в онлайн-игры (как например, игра "World of Tanks", или любая иная игра, которая сильно затягивает и отнимает кучу свободного времени), то такой вот "праздный человек" вряд-ли что-то сможет существенного достигнуть в своей жизни. Всему должна быть мера, и отдыху и работе. Если вы работаете, то работайте, а не играйте. И наоборот, умейте отдыхать от работы. Но тут нужно чётко разграничивать (работу и отдых). Это должно быть незыблемое правило по жизни!

P.S.
Почему "Паскаль"?.. Потому что все программисты учатся именно на нём. И я учился. Php, Ruby, Python являются относительно простыми языками программирования для человека, который давно программирует. В Паскале же все просто, нет лишних прибамбасов, которые отвлекают внимание. На нем удобно осваивать суть программирования. То есть тренироваться строить алгоритмы. Решать задачи. Без этого в "боевой" задаче не сдвинешься с места. Учить параллельно надо потому что так правильно, говорю из своего опыта. Я просто даю советы, как более опытный человек, у которого работа такая - программист.

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

P.S.S.
Ты меня не совсем понял. Я не говорю, что программист должен учить только Паскаль. Нормальный программист знает несколько языков и много технологий, принципов, паттернов. Но, если учить сразу "Java", то вряд ли ты его легко освоишь. Если и освоишь, то не поймёшь всей его мощи. Потому что он очень развит, там много инструментов и понятий. Он объектно-ориентированный. Голова кругом! Я в одной книге читал когда-то, что сначала нужно учить простой язык. Нам это же преподавали в универе. Так проще освоить сложные языки. Ты лучше почитай историю каждого из многих языков... Там один "РНР" был написан изначально для работы с элементами сайта на сервере. "Perl" же проектировался как средство составления отчетов на Линуксе, толи на Юниксе, уже не помню. "Python" тоже не писался для работы с сайтом. "Java" разрабатывался как язык для программирования холодильников, телевизоров и т.д., потом только получил остальное развитие. Так что нет понятия серверный язык. На сервере можно написать модуль под любой язык, и он станет "типа" серверным сразу? Ну-ну... Например Asp.net поддерживает два языка: "visual basic" и "c#". Но это полноценные языки программирования.

Кстати говоря, в сети есть очень глубокие в информационном отношении сайты и ресурсы, блоги, которые ведут настоящие профессионалы, со своим сложившимся стилем написания кода и рюкзаком опыта. Потому, несмотря на глобальный выбор ресурсов и информации в Интернете, необходимо отдавать предпочтение именно тем материалам, которые ведут профи своего дела, люди с колоссальным опытом и знаниями! Что называется, нужно уметь отделять "зёрна от плевел", нужно разбираться в том, что вы читаете и используете! Не стоит тратить мгновения своей жизни на некачественные книги и материалы, жизнь для этого очень коротка. Это так, философская заметка...

Что же касается лично меня, я сам пишу на "php" и "c#". Раньше подобрал писать на "Java", но не вставило. Ну и само собой разумеется я владею "html+css" JavaScript, jQuery, и т.д. Проектов у меня достаточно много: как веб-сайтов, веб-сервисов, так и десктопных приложений. Программы делаем в основном в команде, сайты же я делаю в основном сам, некоторые - тоже в команде. Само собой владею "C" (Си), и знаком со многими другими языками. На Python не писал никогда, но читал, что он очень современный.

P.S.S.S.
Ещё одна общая рекомендация по изучению чего-либо в жизни! Тебя должно заинтересовать то чем ты собираешься заниматься, ты должен ложиться спать и думать как сделать то что у тебя не получается и делать это лучше, тебя должно это зацепить. Если этого не будет ты будешь смотреть фильмы, играть, думать о женщинах, еде, развлечениях и т.д., и только в перерывах между этими занятиями пытаться что-то делать и изучать. Так нифига не получится. Это будет самообман, типа я занимаюсь, а на самом деле нет. Если хочешь менять что-то в своей жизни у тебя должны появиться более высшие вкусы к чему-то конкретному новому, если же тебе намного интереснее то чем ты занимаешься сейчас(фильмы, игры, и т.д.), какой тогда смысл делать что-то новое если это тебе скучно?

Верстать флоатами в декабре 2017 года - это "индийское программирование".

derini писал(а):

Верстать флоатами в декабре 2017 года - это "индийское программирование".

Товарищ, как оно там, в будущем? Всё ли хорошо?

Книга хорошая! Изучал с нее pascal! Даже когда с друзьями бухали читал ее!! Всем советую! Сейчас в работе использую разные языки, но с этой книги я начал правильно, логически думать как программист!..