SlideShare a Scribd company logo
Front-End Development Course
(HTML + CSS, JavaScript)
Розділ 1. Soft Skills
ОСОБИСТА ЕФЕКТИВНІСТЬ
 Фундаментальні основи особистої ефективності
 Навичка 1: проактивність.
 Навичка 2: мислення в стилі «виграв / виграв»
 Навичка 3: вміння слухати і чути
 Навичка 4: «загострювання пили»
ТАЙМ-МЕНЕДЖМЕНТ
 Філософія тайм-менеджменту
 Постановка цілей і планування
 Гнучкість і самоконтроль
 Поглиначі часу
ЕФЕКТИВНА КОМУНІКАЦІЯ
 Основні принципи ефективних клієнтоорієнтованих комунікацій
 Стратегія переговорів
 Створення атмосфери довіри між виконавцем і замовником. Позитивне перше
враження
 Виявлення потреб клієнта
 Ефективна презентація рішення / продукту
 Робота з запереченнями і сумнівами клієнта
 Завершення комунікативного процесу
Розділ 2.
HTML/CSS Верстка
 Вступ
 Основи html
 Основи css
 Середа розробки
 GIT
 Структура проекту
 W3C, Кодировка,
Валідність, Семантика
 DOCTYPE
 “Вага селекторів”
 Стиль коду HTML
 Стиль коду CSS
 Основи фотошопу для
верстальщика
15.07.2016
FEOnline_03021
Lyguta Oksana
 Обнулювання стилів
 Блочна модель
 Inline element, block
element
 Псевдокласи,
псевдоелементи
 Флоаты, відновлення
потоку
 Позиціонування елементів
 Шрифти, нестандартні
шрифти та їх підключення
 Кольори, прозорість,
напівпрозорість
 Форми
 Таблиці
 HTML5. Обзор нових
семантичних тегів
 CSS3. Обзор нових css-
властивостей
 Піксельна точність. Perfect
Pixel, glass2k
 Гумова верстка
 Спрайти
 Що таке Node.js
 NPM
 Робота з командною
строкою
 Системи зборки. Gulp,
Grunt
 Препроцесори
 CommonJS
Total score
TECHNICAL SKILLS
(HTML+CSS+ JAVA SCRIPT)
92/100
English (C1)
Soft Skills 100/100
 Оптимізація графіки
 Підтримка ретини
 Методології: БЕМ
 CSS-фреймворки: Bootstrap, Pure
 Graceful degradation, progressive enhancement
 Кроссбраузерність
Розділ 3. Java Script
 Що таке javascript. Методи подключення
javascript на сторінку
 Змінні, типи даних, prompt, alert, console.log
 Основні оператори
 Умовні оператори if, ‘?’
 Масиви
 Цикли
 debugger, console.log
 Об`єкти
 Глобальний об`єкт window
 Стандартні методи масивів, строк, чисел
 Функції
 Приведення типів
 Копіювання за посиланням
 Контекст виконавця this
 localStorage
 use strict;
 try/catch
 XMLHttpRequest
 AJAX
 ООП в прототипному стилі
 bower, browserify, requirejs, webpack
 Unit-тести
 lodash
 ES6, babel
 MVC

More Related Content

PDF
ITALY
DOCX
ShaistaK_CV
PPTX
Can Marketers Get to Grips with the Human Condition?
PDF
Letter of Recommendation - Mr. Fiorante
PPTX
Forging a Path to Premium Programmatic - RhythmOne Webinar, 10/28/15
PDF
NaCSA Merit
PDF
Vacíos urbanos
ITALY
ShaistaK_CV
Can Marketers Get to Grips with the Human Condition?
Letter of Recommendation - Mr. Fiorante
Forging a Path to Premium Programmatic - RhythmOne Webinar, 10/28/15
NaCSA Merit
Vacíos urbanos

Similar to GoIt_Appendix (20)

PDF
Artem Bykovets: Якщо Agile – це “не про проекти”, то як їх тоді робити? Проек...
PPTX
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
PPTX
Dakiry pmweekend Viacheslav Moskalenko agile-values-principles-ukr
PDF
Розробка веб-сайту. Основні етапи
PDF
"AI is already here. What will happen to your team (and your role) tomorrow?"...
PPTX
Випускна робота Лемеш
PDF
Процес розробки веб проекту в м1
PDF
Osnovy webdis
PDF
Osnovy webdis
PDF
пасічник о.г. , пасічник о.в. , стеценко і.в. основи веб дизайну (2009)2
PDF
Зміст практичної частини тренінгу "Інтернет-інструменти для ефективної команд...
PDF
Інсайти для Project Manager: основні аспекти ведення проекту
PPT
нові медіа
PDF
Hanna Klimushka: Програмний менеджмент. Як приручити 80+ FTE (UA)
PDF
Hanna Klimushka: PM-бриф для консультацій. Чеклист для тих, хто консультує та...
PPTX
Iaroslav Grytsyna: Масштабування з однієї Scrum команди в цілу програму (UA)
PPSX
Портфоліо PM Самигіна Олександра
PPTX
ІТ-компанії
PPTX
Презентація Курсу "Основи Тестування Програмного Забезпечення" - 2014
PPTX
Web Development: Yesterday, Today, Tomorrow
Artem Bykovets: Якщо Agile – це “не про проекти”, то як їх тоді робити? Проек...
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
Dakiry pmweekend Viacheslav Moskalenko agile-values-principles-ukr
Розробка веб-сайту. Основні етапи
"AI is already here. What will happen to your team (and your role) tomorrow?"...
Випускна робота Лемеш
Процес розробки веб проекту в м1
Osnovy webdis
Osnovy webdis
пасічник о.г. , пасічник о.в. , стеценко і.в. основи веб дизайну (2009)2
Зміст практичної частини тренінгу "Інтернет-інструменти для ефективної команд...
Інсайти для Project Manager: основні аспекти ведення проекту
нові медіа
Hanna Klimushka: Програмний менеджмент. Як приручити 80+ FTE (UA)
Hanna Klimushka: PM-бриф для консультацій. Чеклист для тих, хто консультує та...
Iaroslav Grytsyna: Масштабування з однієї Scrum команди в цілу програму (UA)
Портфоліо PM Самигіна Олександра
ІТ-компанії
Презентація Курсу "Основи Тестування Програмного Забезпечення" - 2014
Web Development: Yesterday, Today, Tomorrow
Ad

GoIt_Appendix

  • 1. Front-End Development Course (HTML + CSS, JavaScript) Розділ 1. Soft Skills ОСОБИСТА ЕФЕКТИВНІСТЬ  Фундаментальні основи особистої ефективності  Навичка 1: проактивність.  Навичка 2: мислення в стилі «виграв / виграв»  Навичка 3: вміння слухати і чути  Навичка 4: «загострювання пили» ТАЙМ-МЕНЕДЖМЕНТ  Філософія тайм-менеджменту  Постановка цілей і планування  Гнучкість і самоконтроль  Поглиначі часу ЕФЕКТИВНА КОМУНІКАЦІЯ  Основні принципи ефективних клієнтоорієнтованих комунікацій  Стратегія переговорів  Створення атмосфери довіри між виконавцем і замовником. Позитивне перше враження  Виявлення потреб клієнта  Ефективна презентація рішення / продукту  Робота з запереченнями і сумнівами клієнта  Завершення комунікативного процесу Розділ 2. HTML/CSS Верстка  Вступ  Основи html  Основи css  Середа розробки  GIT  Структура проекту  W3C, Кодировка, Валідність, Семантика  DOCTYPE  “Вага селекторів”  Стиль коду HTML  Стиль коду CSS  Основи фотошопу для верстальщика 15.07.2016 FEOnline_03021 Lyguta Oksana
  • 2.  Обнулювання стилів  Блочна модель  Inline element, block element  Псевдокласи, псевдоелементи  Флоаты, відновлення потоку  Позиціонування елементів  Шрифти, нестандартні шрифти та їх підключення  Кольори, прозорість, напівпрозорість  Форми  Таблиці  HTML5. Обзор нових семантичних тегів  CSS3. Обзор нових css- властивостей  Піксельна точність. Perfect Pixel, glass2k  Гумова верстка  Спрайти  Що таке Node.js  NPM  Робота з командною строкою  Системи зборки. Gulp, Grunt  Препроцесори  CommonJS Total score TECHNICAL SKILLS (HTML+CSS+ JAVA SCRIPT) 92/100 English (C1) Soft Skills 100/100  Оптимізація графіки  Підтримка ретини  Методології: БЕМ  CSS-фреймворки: Bootstrap, Pure  Graceful degradation, progressive enhancement  Кроссбраузерність Розділ 3. Java Script  Що таке javascript. Методи подключення javascript на сторінку  Змінні, типи даних, prompt, alert, console.log  Основні оператори  Умовні оператори if, ‘?’  Масиви  Цикли  debugger, console.log  Об`єкти  Глобальний об`єкт window  Стандартні методи масивів, строк, чисел  Функції  Приведення типів  Копіювання за посиланням  Контекст виконавця this  localStorage  use strict;  try/catch  XMLHttpRequest  AJAX  ООП в прототипному стилі  bower, browserify, requirejs, webpack  Unit-тести  lodash  ES6, babel  MVC