SlideShare a Scribd company logo
1 of 2
Download to read offline
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

Similar to GoIt_Appendix

Планування та менеджмент проектів в MagneticOne
Планування та менеджмент проектів в MagneticOneПланування та менеджмент проектів в MagneticOne
Планування та менеджмент проектів в MagneticOneOleg Nazarevych
 
+презентац тема 5
+презентац тема 5+презентац тема 5
+презентац тема 5cdecit
 
Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...
Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...
Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...Lviv Startup Club
 
Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?"
 Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?" Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?"
Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?"Fwdays
 
Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...
Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...
Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...Lviv Startup Club
 
Планування та менеджмент проектів в М1
Планування та менеджмент проектів в М1Планування та менеджмент проектів в М1
Планування та менеджмент проектів в М1Oleg Nazarevych
 
Dakiry pmweekend Olena Prykhnych product develoment mindset
Dakiry pmweekend Olena Prykhnych product develoment mindsetDakiry pmweekend Olena Prykhnych product develoment mindset
Dakiry pmweekend Olena Prykhnych product develoment mindsetDakiry
 
неРЕЗЮМЕ
неРЕЗЮМЕнеРЕЗЮМЕ
неРЕЗЮМЕk_anastasia
 
2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf
2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf
2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdfRostyslavDmytruk
 
Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”
  Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”  Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”
Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”Lviv Startup Club
 
неРЕЗЮМЕ
неРЕЗЮМЕнеРЕЗЮМЕ
неРЕЗЮМЕk_anastasia
 
How to Leverage your Skill Set for Product by Matic PM
How to Leverage your Skill Set for Product by Matic PMHow to Leverage your Skill Set for Product by Matic PM
How to Leverage your Skill Set for Product by Matic PMProduct School
 
Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...
Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...
Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...Lviv Startup Club
 
Чому провалюються проекти (3 години для країни). Презентація.
Чому провалюються проекти (3 години для країни). Презентація.Чому провалюються проекти (3 години для країни). Презентація.
Чому провалюються проекти (3 години для країни). Презентація.Sophy Chilingarova
 
Руслан Савчишин. “Product management проти Project management”
Руслан Савчишин. “Product management проти Project management”Руслан Савчишин. “Product management проти Project management”
Руслан Савчишин. “Product management проти Project management”Lviv Startup Club
 
Програма "Публчна політика"
Програма "Публчна політика"Програма "Публчна політика"
Програма "Публчна політика"Kateryna Odarchenko
 

Similar to GoIt_Appendix (20)

Планування та менеджмент проектів в MagneticOne
Планування та менеджмент проектів в MagneticOneПланування та менеджмент проектів в MagneticOne
Планування та менеджмент проектів в MagneticOne
 
№1(9) 2012
№1(9) 2012№1(9) 2012
№1(9) 2012
 
+презентац тема 5
+презентац тема 5+презентац тема 5
+презентац тема 5
 
Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...
Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...
Микола Коркішко та Дмитро Лозовицький "Основні перешкоди Product Owner-a поча...
 
Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?"
 Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?" Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?"
Роман Сахаров "Stakeholders and expectations, или когда проекты успешны?"
 
Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...
Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...
Dmytro Zubkov: Ефективний Тайм-менеджмент та оптимізація робочого часу: особи...
 
Планування та менеджмент проектів в М1
Планування та менеджмент проектів в М1Планування та менеджмент проектів в М1
Планування та менеджмент проектів в М1
 
Dakiry pmweekend Olena Prykhnych product develoment mindset
Dakiry pmweekend Olena Prykhnych product develoment mindsetDakiry pmweekend Olena Prykhnych product develoment mindset
Dakiry pmweekend Olena Prykhnych product develoment mindset
 
неРЕЗЮМЕ
неРЕЗЮМЕнеРЕЗЮМЕ
неРЕЗЮМЕ
 
2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf
2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf
2_Бізнес_модель_як_топ_менеджеру_масштабувати_бізнес_в_умовах_4.pdf
 
Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”
  Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”  Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”
Ілона Кулинич “Маленький Скрам проти Великого Вотерфолу: історія одного ПМа”
 
неРЕЗЮМЕ
неРЕЗЮМЕнеРЕЗЮМЕ
неРЕЗЮМЕ
 
Adservice / Рекламний сервіс
Adservice / Рекламний сервісAdservice / Рекламний сервіс
Adservice / Рекламний сервіс
 
How to Leverage your Skill Set for Product by Matic PM
How to Leverage your Skill Set for Product by Matic PMHow to Leverage your Skill Set for Product by Matic PM
How to Leverage your Skill Set for Product by Matic PM
 
Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...
Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...
Valeria Bedim: Відмова від стратегії — теж стратегія. Підходи та інструменти ...
 
Agile Feedback Loops (ukr)
Agile Feedback Loops (ukr)Agile Feedback Loops (ukr)
Agile Feedback Loops (ukr)
 
Чому провалюються проекти (3 години для країни). Презентація.
Чому провалюються проекти (3 години для країни). Презентація.Чому провалюються проекти (3 години для країни). Презентація.
Чому провалюються проекти (3 години для країни). Презентація.
 
Руслан Савчишин. “Product management проти Project management”
Руслан Савчишин. “Product management проти Project management”Руслан Савчишин. “Product management проти Project management”
Руслан Савчишин. “Product management проти Project management”
 
Програма "Публчна політика"
Програма "Публчна політика"Програма "Публчна політика"
Програма "Публчна політика"
 
SE MBA Project Management
SE MBA Project ManagementSE MBA Project Management
SE MBA Project Management
 

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