kwalx / html-codding Goto Github PK

Всі свої завдання заливайте в папку з вашим ім’ям та прізвищем в латинській транслітерації. В якості роздільного символу використовуйте нижнє підкреслення.

Добре:

/Mykhailo_Ivankiv

Погано:

/Mykhailo
/Ivankiv
/mykhailoivankiv
/Іванків_Михайло

Назва кореневої папки повинна відповідати назві проекту. Усі назви фаалів, ти директорій писати маленькими літерами, в якості роздільного символу використовуйте нижнє підкреслення.

Добре:

/facebook
/gmail
/youtube
/black_estate_vineyard

Погано:

/Home work 1
/Task3
/Gmail
/Facebook_1+ css
/HW1

Структура кожного проекту повинна бути наступною:

 /facebook
    /images
    /styles
        /* назви css файлів повинні даватись згідго БЕМ методології */
        layout.css
        layout.scss
        
        article.css
        article.scss
        ...
    /data
        index.json
        profile.json
        ...
    index.html
    index.mustache
    
    profile.html
    profile.mustache
    ...

Усі фали повинні мати осмислені назви

Добре:

/facebook_logo.png
/Michael_Ivankiv_user_pic.jpg
/icons
    message.png
    globe.png

Погано:

/25-512.png
/1400.png
/wtf.gif

Написати HTML сторінки таких ресурсів:

• HTML 5.2 W3C
• HTML 5 Doctor
• Facebook
• Gmail

Сторінки повинні бути зверстані семантично коректно.

Реалізувати сторінку одного з наступних ресурсів:

• Facebook
• Gmail
• Youtube

Вимоги, щодо реалізації:

HTML повинен бути семантично коректний. Сторінка, яку ви зверстаєте повинна візуально співпадати з ресурсом, що ви копіюєте.

Використання mustache is depricated Тепер в моді --> HANDLEBARS <--

інструкція для використання девелопмент серверу:

Я [Михайло Іванків, прим К.Д.] написав маленький девелопмент сервер, що допоможе тобі швидше розробляти проекти. Для того щоб запустити цей сервер зроби наступне. В рутовій директорії (/HTML-Codding) запусти команду npm install Після того як заінсталюються всі модулі запусти сервер і вкажи шлях до проекту. node server.js Ivanov_Ivan/youtube Твій сайт буде доступний тут. Всі .mustache шаблони компілюватимуться автоматично з даними що записані в файлі data/data.json. Тобто якщо ти переходитимеш по сторінках channel_page index, video_page, все повинно працювати автоматично.

 Також всі `.less` компілюватимуться в css автоматично, тобто немає необхідності створювати вотчер в WebStorm.
Якщо виникнуть труднощі, напиши мені  </i>[Михайло Іванків,  <u>прим К.Д.</u>] <i>.  </i>