Leaderboard

Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что если и у тебя будет наставник, то ты выучишь все в 2, 3, 10 раз быстрее? Или больше? Или качественнее? Более того, наставник может научить тебя плохому. Наставник в разрезе данной статьи -- это специалист, который допустил огромное кол-во ошибок, который "кровью и потом" работал до глубокой ночи ведя жесткую борьбу с браузерами для достижения своей цели. И хотя результат боя не всегда был на стороне разработчика, войну он всегда выигрывает. Зачем тебе наставник? Что бы он говорил тебе где ты ошибся? Или как надо было сверстать тот или иной блок? Или что лучше использовать float или inline-block? И что это тебе даёт? Набор правил и готовых решений как надо делать и как не надо! Но ведь ты знаешь что каждый сайт уникален, и везде есть нюансы. И ты хочешь каждый раз обращаться к учителю что бы тот подсказал тебе как решить задачу?... Разве ты не хочешь научится думать и понимать чем живет вёрстка? Как она устроена, что из себя представляют слои, понимать и визуализировать и процесс разработки? Понимать "физику" работы блоков на страницы, как и почему они влияют на остальные? Предугадывать на будущее как потянется страница/блок в случае наполнении его контентом. Уметь за считанные секунды в голове разложить огромный сайт на слои? Достичь понимания вёрстки как некой сущности, которая является единым целым с тобой. Другими словами -- ты желаешь женится на прекрасной девушке, со своим темпераментом, безграничными возможностями, уникальным подходом. Она способна подстраиваться под тебя так как ты этого хочешь, когда только пожелаешь. Она согласна выполнять твои прихоти, она не переборчива и соглашаеться на любые твои даже самые безумны идеи. И не смотря на это у неё свой уникальный неповторимый характер. Она бывает упёртая и неприступная, но всегда можно найти с ней общий язык. Если ты знаешь как с ней общаться, понимаешь как она думает, чувствуешь её, чувствуешь то что чувствует она, видишь то что видит она. Если ты слышишь и понимаешь её, то невозможно будет представить цели, которую вы вместе не смогли бы достичь. Ты хочешь женится на самой прекрасной девушке, но спать с ней будет твой наставник! Я не говорю что ты не сможешь стать специалистом без него. Большинство разработчиков, которые поддерживают этот форум, не имели никаких учителей. Все чего они добивались -- все делали сами. Для того что бы достичь тех же высот тебе надо повторить успех людей которые это уже сделали! Это не просто, но это реально! Никто за тебя этого не сделает, никому кроме тебя это не надо. Далее по списку: 1. Перед тем как открыть свою тему в поисках Наставника, пройдись по темам которые создали раньше. 2. Ты ищешь классного специалиста, который будет тебе помогать тебе, обучать, давать советы, делится опытом и знаниями. Ты этого хочешь? А ты можешь ответить на вопрос - зачем вообще кому-то это делать? Зачем, для чего, почему кто-то должен согласится тратить на тебя время? Ведь тебе нужен не новичек как ты, а тот, у кого за плечами багаж опыта, ведь так? Так вот чем ты отличаешься от других таких же жаждущих что бы вкладывать в тебя время и делится нажитым опытом? Пойми правильно, дело то не в деньгах, тут важна идея. 3. Теперь по теме. 3.1. Зачем тебе вообще это направление? Что оно тебе даст? Что ты нашел в вёрстке? 3.2. Если ты считаешь что вместо тебя будет гуглить наставник -- ты ошибаешься. Гугл -- лучший твой помошник. Умеешь правильно составить запрос - умеешь решать задачи. Очень часто бывает так, что поиск решения намного приоритетнее, нежели знания. 3.3. Если ты считаешь что наставник будет тебе давать задания -- ты сильно ошибаешься. Тебе надо -- ты ищи макет, а наставник тебе может написать ТЗ, а потом сказать какая ты бестолочь, указав на твои ошибки в результате -- а это бесценно! 3.4. Любой опыт забирает много времени. Ты не станешь специалистом через год-два! Ты уверен что у тебя вообще хватит сил на то что бы потратить ~5 лет своей жизни в интенсиве и "выкарабкатся" на уровень, когда ты сможешь сверстать страницу (предположим сайта новостей с огромным кол-во блоков) в уме за считаные секунды? Ты уверен что ты хочешь потратить часть своей жизни на изучение вёрстки? ps: нет ничего невозможного, было бы желание

Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями: .class-name -- имена класов используются для того что бы описать стили блока. В 99,9% случаев программист не будет менять установленные верстальщиком имена классов. #id -- идентификаторы используются в JavaScript для того что бы передать в скрипт элемент и использовать его. Программист имеет право изменять имя идентификатора на своё усмотрение. Возьми за правило не использовать в вёрстке #id. В 99,9% случаев ты сможешь обойтись классами. 0,01% остаётся на уникальные ситуации и вероятность того что тебе такая попадётся, сам понимаешь, очень мала. Давай человеко-понятные имена классам. Когда ты именуешь какой либо класс придерживайся простых рекомендаций: класс должен быть набран латиницей правильно: ".block-reviews" не правильно: ".блок-отзывы" имя класса должно объяснять для чего данный элемент правильно: ".link-checkout" не правильно: ".link-highlight" используй переводчик для поиска англоязычных терминов правильно: ".discount-coupon" не правильно: ".kupon-skidki" не используй сокращений. Пускай имя класса будет длинее, зато его можно прочитать правильно: ".available.in-stock", ".block-shopping-cart" не правильно: ".avail.instk", ".blk-shopCart" не начинай классы с цыфры не правильно: ".7-element" не создавай индексированные классы. Для уточнения конкретного блока используй термины. правильно: ".comment", ".comment.first", ".comment.last", ".comment.highlight" не правильно: ".comment-1", ".comment-2", ... , ".comment-N" так же данный вопрос детальнее раскрыт в этом посте не используй верхний регистр в именах классов, не используй "camelCase" правильно: ".block-layered-navigation" не правильно: ".blockLayeredNavigation" здесь я рассказываю почему не стоит использовать "camelCase". Там же присутвует альтернативная точка зрения. Не описывай стили внутри аттрибута style="". Все стили, за некоторыми редкими исключениями, которые касаются элемента должны быть описаны в CSS файле. Давать всем элементам в коде уникальные имена классов(для непосредственного описания стилей каждого элемента на странице) избыточно. Но, если тебе попался сложный проэкт, который требует такого похода, то рекомендую перед тем как приступить к работе ознакомится с методологией БЭМ и понять как, в данном случае, правильно именовать классы. не указывай размеры картинок в стилях, для этого есть атрибуты тега <img> HTML Не используй комментарии в коде (<!-- comment -->). Лучше написать чистый код и дать ему человеко-понятные классы, нежели плодить комментарии, тем более на русском языке. Не надо везде где попало использовать тег <p> -- используй <div> или <span>. Тег <p> определяет текстовый абзац, а не часть разметки. Использование тега <nav> -- если тебе надо создать одноуровневое меню, то вместо иерархии "nav>ul>li>a" достаточно (и правильнее) использовать "nav>a" Логотип и тег <h1>. Начну с того что по умолчанию не обязательно помещать логотип в заголовок. Единственное где это уместно -- на страницах без заголовка, на пример -- "Главная страница". Такие страницы, как правило не имеют заголовка и содержат только промо контент. Но надо учесть что данный вопрос, все таки, по части SEO, т.е. -- индивидуален для каждого сайта. Приёмы Если надо вывести список данных с маркером, не надо генерировать маркер на стороне сервера. Вместо того что бы выводить: <li>- Возможность уточнять вопрос;</li> <li>- Моментальная публикация;</li> <li>- Гарантия получения ответа;</li> лучше использовать псевдо-элементы. Например: li:before { display: inline-block; vertical-align: middle; content: "-"; } На заметку Не обязательно применять свойство "display: block" в паре с "float: left" и/или "position: absolute (fixed)" -- это избыточно. Подробнее в этом посте Псевдо-элементы ":before" и ":after" по умолчанию отображаются как "display: inline;" Ресурсы, на которые стоит обратить внимание В первую очередь прочитай эту тему до конца, так как другие участники любезно делятся с тобой опытом. Гражданин с забавным ником Sorax Его канал на youtube: http://www.youtube.com/user/ArtSorax Его группа с vk: https://vk.com/soraxcss Системы контроля версий: git http://githowto.com/ , svn http://svnhowto.com/ , mercurial http://mkharitonov.net/hg/help/ru/ http://webfont.ru/ -- шикарный проект со шрифтами от товарища Softlink Методологиея БЭМ -- была разработана в Яндексе. Саму методологию в полном объеме использовать есть смысл на высоконагруженных проектах с большим трафиком, но из неё можно подчерпнуть массу ценной информации и использовать в проектах средней и низкой сложности. Рекомендую ознакомится. Ресурсы, которые не рекомендуются для обучения http://evgeniypopov.com/dvd.html - видео курсы от Евгения Попова http://2develop.ru/videokurs - видео курсы от Дмитрия Валака http://srs.myrusakov.ru/list Придерживаться или нет данных рекомендаций ложится на плечи разработчика. Если есть чем дополнить - предлагайте, так как список не окончен.

А почему бы новичкам и не пойти на курсы, платные, к опытным мастерам своего дела, со своей программой, а не дилетантам с форума? Школьное образование у нас обязательное, в вузы поступают по собственному желанию, никто никого не заставляет, и всё-равно большинство работает либо не по-специальности, либо жалуется, что институт им ничего не дал. Никто никого в веб не тянет. А если уж ищете наставника через этот форум, настоятельно рекомендую сперва показать свою заинтересованность предметной областью, предоставить примеры своих работ, совершить хоть какие-то потуги, и только после этого пытаться "на халяву" получить себе эдакого абстрактного учителя. И то не стоит рассчитывать, что вам повезет. Да и всё-равно ни один учитель не знает, как правильно учить, у каждого свой подход, нет единой методологии, к тому же веб постоянно развивается, и учитель должен за этим следить, а не только заниматься обучением других. Заметьте, САМ следить Где учитель, по-вашему, должен взять направляющую? Зато надолго запомнится, где взял, что делал, и попутно в чем-то подразобрался. А опытный человек сказал, ты сделал и забыл Самостоятельно уметь решать задачи - вот что отличает хорошего специалиста от остальных, к этому надо хотя бы стремиться.

закройте сначала блок wrapper

Не соглашусь. Знающий человек за спиной все таки нужен. После того как ознакомился с html + css поверхностно, с помощью видеоуроков и справочнику htmlbook встал на одном месте. Потом (повезло) после долгих поисков нашел все таки себе учителя, который называет "бестолочом" если код неправильный. И это, скажу вам, лучше всяких "сухих" учебников, видеоуроков. Гугл конечно же помогает, но с опытным человеком за спиной тыв се это находишь в 2 раза быстрее. Лично для меня огромное количество времени занимало поиск информации (и сейчас занимает), но с учителем так сказать попроще. Сейчас будут ораторы - мы не ищем легких путей, всего должен добиться сам, докажи что ты мужик..... Сразу скажу, это лишь мое мнение. Мне легче учиться с живым человеком чем с книгами. Судя по Вашей логике учителя не нужны. Другой вопрос в том, как ты можешь заинтересовать опытного человека что бы последний учил тебя. Это все на ваше рассмотрение. p.s. кто ищет тот находит.

http://free.beget.ru Если list-style-position: inside, то скорее всего никак. А если outside — padding-left. Но лучше делать background'ом.

Потому что для выравнивания по центру стиль должен быть задан у элемента с блочным отображением. Для строчного этот стиль не имеет смысла. Достаточно будет добавить еще и display: block;

Не согласен, почти со всем. Написанное похоже на лютый олдскул. Времена, когда люди тратили часы только для того, чтобы налепить закругленных уголков, заставить браузер отображать блок с прозрачностью и каждый день решать кучу диких проблем с кроcсбраузерностью. Когда нельзя было в блокноте за 10 секунд в Емете состряпать что-то типа html:5>.wrap>.header>.logo>a>^^div.nav>ul>li*5 и тут же получить скелет шапки под лого и меню. Время когда нужно было разбираться в длиннющих доктайпах и знать где и как их применять чтобы все крутилось и работало. Времена всяких xhtml и тому подобное. Не так давно такого олдскульщика на Хабрахабре видал, он буквально года 2-3 назад заставлял своих стажеров и зеленых верстать вплоть под ИЕ 5.5! Зачем? Он подробно не ответил, возможно не было времени, не помню, потому осудить нельзя, возможно у них там какая-то своя метода обучения на этот счет. Сегодня все это в дикие разы стало проще и быстрее, новички больше не тратят часы времени на штудирование статей о том каким из 5-и методов лепить закругления и тому подобные вещи. Большая часть таких вот обыденных задач перешла в автоматизированный вид, из-за чего люди с опытом из былых времен могут с презрением смотреть на новое поколение (это всегда было и будет). На поколение, у которого есть буквально все возможности стать хорошими спецами в гораздо более быстрые сроки, нежели пару лет назад. Тонны хороших книг, ресурсов, переводов, форумов и при всем при этом эти новые новички якобы (не знаю кто разносит это мнение) не могут без учителя даже пальцем пошевелить, т.к. им нужно как ребенку подносить ложечку с инфой и кормить из первых рук. С чего вообще мы взяли, что если человек ищет наставника, то учитель должен его кормить от А до Я, объяснять разницу между float и inline-block, рассказывать про селекторы и т.д.? У кого-то из здешних имеется вообще такой опыт обучения? Если нет, то с чего такие выводы и критика? Презренное отношение к наставничеству говорит о том, что человек не понимает сути социализации, объединения в группы. Такое мог написать только одиночка, который предпочитает добиваться всего сам и не доверит незнакомому человеку, пусть даже с мелким опытом, сделать самую простую работу. В головах у данных людей сидит обычно только одна фраза:"Хочешь сделать хорошо - сделай сам" (всем сисадминам привет ). Я и сам до недавнего времени так считал, но на паре книг немного перекроил данный отдел мышления. Абсолютно ничего в мире не стало бы лучше, если бы люди не стали объединяться в сообщества/общины, и более опытные не передавали бы опыт молодым. Google не даст тебе опыт, если ты не знаешь какой дорогой идти, и как выбирать тропинки. Google - это прежде всего черная дыра, запрыгнув в которую, ты вынырнешь из нее через 2 месяца и сможешь считать себя крутейшим спецом, прошедшим пару курсов Поповича и тому подобных, или же вовсе забросишь это дело т.к. нормальные книги тебе покажутся чересчур занудными и академичными. Новичку предлагают 2 конфеты: одна вкусная и пахнет так, что ее запах влечет со всех сторон, и с пассивным бафом сделать тебя тупее (или как минимум привьет дурные привычки), но ты об этом не узнаешь пока кто-то опытный позже не скажет, а другая конфета такая, от которой в заду жжет и пахнет как коровья лепешка, но пасивный баф у нее - делать тебя умнее. Как думаете, какую конфету чаще выбирают новички, которые изначально не имели советов от опытных товарищей? К слову, "зачем это мне надо?". А действительно, зачем? - Обучение за деньги - Выращивание помощника, который с удовольствием за еду будет выполнять рутинную работу в реальных проектах - Оттачивание опыта преподавания и постановка грамотной речи, с возможностью дальнейшего создания книги/ школы/ видеоуроков/ курсов по своей специализации. - Желание сделать свою отрасль лучше, желание создавать не только буквы и числа на экране голубого монитора 8) Вопрос к ученику, "почему ты решил, что это твое?". Так точно, с чего он вообще так решил? Если у опытного учителя не атрофирован красный орган во рту и он хоть немного умеет им владеть, то на просвещение данного вопроса уйдет не более 10 минут. Хороший учитель всегда заметит хорошего ученика. Валун гранита, из которого действительно в итоге может получится что-то очень знатное. Всем мира!

сабж собственно..как прогграмма? ибо allsubmiter вроде как прокис да и капчу не хавал.. неужто этот капчу всю ест