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

1. Фокус на одном типе языка в то время,

Если вы проектирования и разработки для Интернета, часто Есть множество различных Языки , что вам нужно, чтобы ознакомиться с, и это может быть заманчивым попытаться узнать их все сразу, особенно если учесть, как взаимосвязаны все они.

Я полагаю, что, в некоторой степени, это неизбежно. Но если вы действительно хотите, чтобы улучшить быстро, я рекомендую сосредоточения внимания на одной определенной области знаний. Вы хотите лучше при использовании CSS? Поставь сосредоточиться на этом. Попробуйте использовать единый документ HMTL и создания различных макетов, используя только стили. CSS Zen Garden представляет собой хороший пример того, как невероятно различных веб-странице может стать на тот же разметки. Вы также можете сосредоточить свои усилия на поиске перечень элементов и работы с ними. Например, если вы знакомы с CSS2, но хотели бы улучшить ваше понимание , что возможно с CSS3 , можно изучать свойства CSS3 и начать работу по ним один на один. Вы можете ознакомиться с текущей спецификации CSS3 . Вы можете экспериментировать с каждого модуля, чтобы увидеть, что он может (и не может) делать на том, что браузеры.

Вы можете использовать аналогичный подход для сценариев Языки, как javascript и PHP, хотя и пытается работать на всех своих функций методично может быть немного утомительно. Другим вариантом было бы работать через целый ряд учебных пособий именно на этих Языки, желательно в конкретной области, что вы работаете в самых.

Вам нужно стать лучше на развитие WordPress? Существует тонну руководств о том . Хотите узнать больше о манипуляции изображений серверных? Есть учебники для этого тоже. Найти их, закладки них, и работать через них - просто не делайте этого, пока вы также проходящие через учебники по CSS, HTML5, или любой другой язык веб, чтобы вы не распространяется себя слишком тонко.

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

Когда дело доходит до кодирования, Есть много принципов и идей, я стою. Одна из таких является то, что код 95% логики. Другим является то, что логика не меняется при переводе их из человеческого языка на язык программирования.

Что это означает, что если вы можете написать в коде, вы можете написать его в разговорный язык, как английский или французский язык.

Например, предположим, что я хотел написать функцию, которая будет либо заблокировать или разблокировать то в зависимости от времени суток (по какой причине, я не уверен). Вместо того чтобы просто прыгнув в функции кодирования, я мог бы шаг назад и написать логику в равнинных Английский как комментарии.
Пример
/ / Функция: Lock On Time
/ / Эта функция будет принимать два значения времени, с указанием диапазона путем
/ / Что он должен вернуть статус разблокирована.

/ / Создать новый объект данных

/ / Использование объекта данных, получения текущего времени

/ / Если текущее время находится в пределах переданных функции

/ / Вернуть ложно - это значит, что мы сейчас разблокирована

/ / ELSE

/ / Вернуть правда - это означает, что мы в настоящее время заблокированы.

/ / ENDIF

/ / END FUNCTION

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

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

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

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

Например, если вы действительно только знакомитесь с HTML, вы можете скачать любой из многочисленных бесплатных шаблонов , которые существуют там, в Интернете, или изучить любимый сайт вашей разметки. Потому что эти шаблоны, как правило, просто HTML (и CSS, javascript и может быть), они могут работать на местном уровне, предоставляя Вам возможность открыть исходный код и начать копать вокруг. Поиграйте с теги и структуру, чтобы понять их лучше. Перемещение вокруг. Посмотрите, что происходит, когда вы изменить стиль правления.

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

Этот метод, вероятно, еще более полезным для программного кодирования, как javascript и PHP, которые немного сложнее, чем HTML и CSS с точки зрения охвата и логики.

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

Благо это все, что WordPress и плагинов полностью открытым исходным кодом, что означает, что вы имеете полный доступ ко всем коде. Таким образом, идти вперед и использовать этот факт, копаться в плагины и ковыряться код. Опять же, это отличная возможность пробовать и экспериментировать.

Последнее слово в консультации по этой привычки: Никогда не принимайте методов и структур, которые вы найдете в народные код друга окончательного (или "Евангелие") - быть уверенным, что вы тоже пытается разобраться, что происходит вокруг, и не только подражает чужим код. Всегда спрашивайте, почему вещи как они есть. Всегда старайтесь рассмотрим код, что касается принятых процедур и стандартов для этого конкретного языка. Опять же, это поможет держать вас от сползания в некоторых вредных привычек.
4. Читайте книги

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

Это никогда не было мне яснее, чем когда я, наконец, надоело стол, на основе макетов, что у меня было создание в конце 90-х и в начале двадцать первого века. В то время, я наконец понял, что пришло время для меня перейти на передовой практики ( div ы).

Однако до этого момента у меня было только умеренным успехом пытаются научить меня, как использовать надлежащее разметки. Я не совсем понимаю CSS селектор синтаксис, что такая огромная часть grokking div основе макетов. Таким образом, я действительно не получить псевдо-классы либо (таких, как :hover ), и вся концепция специфики и наследство ничего не значит для меня. То же самое касается позиционирования и поплавки.

Теперь, я мог бы, вероятно, узнал язык медленно, склеивания бит информации из различных блогов (а их было намного меньше в то время, я мог бы добавить), чтобы сформировать более полное представление о CSS в целом. , Которые имели бы много времени, и я имел работу, чтобы делать, и я искал более целесообразным решением.

Итак, я пошел и купил Stylin 'с помощью CSS Чарльз Уайк-Смит. Это было откровение. В течение нескольких коротких глав, я имел основные понятия CSS вниз. Все те вещи, которые я даже не знаю существует стали известны мне в быстрый и организованным образом, с каждой главе опираясь на один раньше. Примерно через сутки стоит читать, я получил такое же количество знаний, которые имели бы мне недели и месяцы, чтобы выйти из широкого ассортимента изделий и записи в дневнике.



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

Если вы хотите углубиться в новые технологии с нуля, хорошая книга является одним из лучших способов будет об этом!
5. Эксперимент

Последнее, что я хотел бы предложить вам следует получить в привычку это просто весело. Садитесь, эксперимент и посмотреть, что можно придумать самостоятельно.

В настоящее время это популярное направление в CSS3 , так как различные кодеры попытаться подтолкнуть технологий и методов для того, чтобы узнать, что он действительно способен.

Вот лишь несколько примеров подобных экспериментов.
CSS3 преобразований и @ шрифт лицу эксперимент



Это действительно здорово эксперимент, который создает плакатный, так типографские проектирования с использованием @ шрифт лицу CSS собственности , а также некоторые тени и удивительный поворот преобразования, которые, будучи полностью поддерживается всеми браузерами, откроет все виды удивительные новые возможности в веб-дизайне.
CSS Плакаты



В этой статье на этапе проектирования Informer, Джад Limcaco эксперименты по созданию целого ряда различных проектов плакат, используя только CSS.
Чистый CSS графику



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



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



Не все эксперименты CSS совершенно практических, конечно, и этот один, вероятно, наименее практичный из всех, как он фактически воспроизводит известные щебетать fail кита иллюстрации, используя только CSS. Разве много времени? Да. Это практические результаты? Нет, но это, безусловно, весело и доказательство концепции, насколько мощным является CSS.

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

Какие кодирования эксперимента можно предпринять? Это может быть весело и эффективный способ учиться.
Некоторые Напутствие

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

Помните, что это место называется Интернет постоянно растет и развивается. Будучи большим кодер означает жизни учиться и расти.

Надеюсь, вам понравится вашей поездки.