Інструменти веб-розробника

Ми користуємося сайтами щодня. І, як у відомому прислів'ї, сайт зустрічають по дизайну, а проводжають по змісту=). Тож давайте розглянемо інструменти і ресурси, які допоможуть нам затримати корисувача на нашому сайті.

ІНСТРУМЕНТИ ДЛЯ ДИЗАЙНУ

Розробка дизайну – це творча частина роботи над сайтом, тому представлені нижче ресурси будуть так чи інакше пов’язані з творчістю.

• Subtle Patterns
• Blokk Font
• Freepik
• Awesome Images
• Google Fonts
• By People

ІНСТРУМЕНТИ ДЛЯ КОДИНГУ

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

• Emmet
• JavaScript Beautifier
• CodePen
• W3 Validator

ІНСТРУМЕНТИ РОЗРОБНИКА 

(WEB Developer Tools)

Мало хто зі звичайних користувачів — так званих серферів на просторах інтернету та любителів соцмереж здогадується, що у кожному інтернет-браузері наявний свій потужний інструмент розробника (WEB Developer Tools)

Google Developer Tools
 => Інші інструменти => Інструменти розробника або F12 або CTRL+Shift+I
Firefox Developer Tools | MDN
=> Веб-розробка (іконка з гаєчним ключем) => Панель розробника або Shift+F2

За допомогою інструмента розробника: програмісти — дебажать (від терміну “debugging”), тестери — тестують їх код. Звісно специфіка використання у тестувальників трішки відрізнятиметься, але багато чого є спільного.

                                     РІЗНЕ 

Бібліотеки CSS

1. Animate.css 
2. Flat UI Colors 
3. Material design lite 

Корисні посилання (продукти)

1. Learn anything 
2. Ghost 

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

1. Підбірка інструментів і ресурсів для веб-розробників (інструменти для дизайну та кодингу)
2. Іструмент розробника (WEB Developer Tools)
3. 66 інструментів для веб-розробника

Завдання:

1.https://htmlacademy.ru/courses/297