Как да се превърне в новак Imposer

Предишен ◈ Следващото

Научете HTML / CSS

След преминаване на уроците, което трябва да се разбере:

  • Какво е HTML-тагове и как те работят
  • блок модел (граница, марж, уплътнение)
  • как поплавък, инлайн блок
  • позициониране (абсолютен, относителен, фиксирана, Z-индекс)

Би трябвало да можете да:







  • вмъкнете страница текст, изображения, линкове форма елементи
  • стилизирам елементи на страницата (преоразмеряване, цвят, сенки и т.н.)
  • създаване на таблици

Ние работим с Photoshop

Дизайнер предлага оформление словослагател в PSD формат (Photoshop файлов формат). Ето защо, програмист, трябва да може да работи с него. Всички функции на програмата не са необходими, най-важното, за да може до следното:

Основни инструменти

Разпределение първо място

На този етап най-вероятно ще изпитате ступор. Вие вид знаете HTML / CSS (всъщност не) и Photoshop. Но ти не разбра как да се направи оформлението на сайта. В този случай, можете да вземете кратък курс на разположение на сайта, от които има много по YouTube. На този етап, трябва да маркирате първия сайт. Не обръщайте внимание на такива неща като каучук, адаптивност. И все пак, не използвайте CSS-рамки (фърмуера, фондация).

Разбирането семантика, валидност

Така че сте изложени на първия сайт, тогава какво? Трябва да се разбере как правилно да организира таговете в HTML-код, както и да научат как да се валидира. С проста проверка - машина анализира кода, казва, че не е така, ти си прав и вие знаете. На семантиката по-сложни, тъй като районът е доста holivarnaya и разработчиците не разполагат с консенсус в много аспекти. И все пак има общи стандарти. След проучване - се опитват да наложат ново оформление семантично. Сега на всеки етап трябва да се направи преглед на кода си от опитен специалист / ментор.







методология Изследване BEM. Трябва да се разбере как да се отпечатва независими блока, как да донесе модулност в оформлението си. В интернет много информация за него. Няма нужда да се научат телно стека BEM, просто важно да се разбере методиката за CSS. Оформление, ново оформление, използвайки методологии.

За да се ускори и лекота на писане стилове са дошли с Препроцесорът. Нашият избор - Sass (.scss). Трябва да се научите на Препроцесорът и да го налагат с ново оформление. Разбиране на необходимостта от:

  • променливи
  • myxines разлика между класове и най-тихата (заместител)
  • Как действа "
  • как да се разделят на няколко стила .scss файлове

На този етап в SCSS CSS събира чрез prepros

И за да се ускори оформление и шаблони подкрепа за използване оформление на HTML. Нашият избор - нефрит. След като учи, което трябва да се разбере:

  • как да се направи техни подобни
  • как работи простира
  • линии и променливи
  • Работа с масиви

Набиран сайт с помощта на шаблон.

приспособимост

Сега можете да започнете да налага адаптивни уеб сайтове, които се адаптират към ширината на прозореца на браузъра. Можете да вземете оформление, където различни резолюции, посочени от дизайнера и могат да направят своя собствена, за да разбера как да се възстанови на сайта. От сега нататък всички сайтове отпечатва адаптивно.

IDE PHPStorm

Всеки предприемач трябва да могат да работят със системи за контрол на версиите и програмист - не е изключение. Ние, както и най-избра Git. Би трябвало да можете да следното:

  • работа с GitHub интерфейс
  • за да може да се клонира хранилището на вашия компютър
  • да се ангажират, да бута, се сливат
  • дърпайте поискване

След това трябва да набирате и напълни ръцете си, с което се отхвърля всяка оформление чрез кодови мнения и да намерят първата поръчка. След това, на второ, трето и т.н.







Предишен ◈ Следващото