Набір учасників [TeachMeSkills] front End розробник (Олександр Сидоров)

[Gadzhi]

Переглянути вкладення 24651
​

ким ти станеш
Курси Front End з нуля дозволяють початківцям розробникам створювати інтерфейси, з якими взаємодіють користувачі. Він знає HTML, CSS і JavaScript – мова, яка працює на всіх платформах і єдина мова програмування для браузерів.

твій результат в кінці курсу:

• вивчиш Front End і мову програмування JavaScript з нуля, навчишся верстці, а також напишеш свій перший додаток
  
• навчишся піднімати локальний сервер і працювати з webpack
  
• навчишся писати якісний, чистий код і користуватися Git вже під час навчання на курсі Front End розробки
  
• навчишся верстати адаптивні та кросбраузерні Додатки та сайти
  
• вивчиш затребуваний сьогодні фреймворк React і розробиш на ньому додаток
  
• станеш затребуваним front End розробником

як проходить навчання:

• 85% практика
  Навчання створенню сайтів з нуля в школі TeachMeSkills – це вирішення реальних завдань і придбання практичних навичок, а не заучування термінів і виконання завдань по книжках
  
• 15% теорія
  Без неї ніяк. Вивчаємо теорію будинку і розбираємо на початку заняття без води.
• домашні завдання
  Після кожного заняття обов'язкові домашні завдання, які дійсно хочеться робити.

Спойлер: "інформація"

1. Вступ до веб-розробки
   • знайомимося з HTML
   • Hello, world
2. HTML і введення в CSS
   Робота з:
   • списками
   • формами
   • таблицям
   • CSS: селектори, margin, padding
3. оформлення елементів
   • Робота зі шрифтами і фоном
   • Блокова модель
   • Float, inline-block
   • Flex-модель
4. стан і позиціонування елементів
   • Hover, active і focus елементів
   • Псевдоелементи
   • позиціонування елементів
5. поглиблення в HTML5 і CSS3
   • Семантика
   • аудіо та відео
   • нові стилі в CSS3
   • анімації
6. Анімація елементів
   • лінійна анімація transition
   • циклічна анімація keyframes
7. форми
   • Робота з формами
   • Робота з полями введення
8. адаптивна та гумова верстка
   • сітка сайту
   • Adaptive, responsive
   • Мобільна верстка
9. Grid
   • Grid-контейнер
   • Grid-лінії
   • Grid-області
10. Bootstrap
    • Bootstrap
11. еволюція CSS
    • основи препроцесорів LESS, SASS/SCSS, Stylus
    • BEM і його альтернативи
12. проектування
    • Практичне заняття
    • детальні індивідуальні консультації з викладачем
13. введення в FrontEnd. Git
    • введення в FrontEnd
    • СКВ Git: команди
14. введення в JavaScript
    • типи даних
    • змінні (let, const, var)
    • базові оператори
15. основи JavaScript
    • умови (if, switch, тернарний оператор)
    • приведення типів: явне і неявне
    • цикли (while, for, for ... in, for … of)
16. Об'єкти і масиви.
    Частина 1
    • копіювання об'єктів і масивів. Rest/Spread оператор
    • Деструктуризация
    • масиви як окремий випадок об'єктів
    • Доступ до властивостей
    • ітератори
17. Об'єкти і масиви.
    Частина 2
    • методи для роботи
    • Цикл vs forEach
    • Map/Reduce
18. введення в функції
    • способи оголошення функції
    • аргументи
    • Return
    • стрілочні функції
19. функції: LevelUP
    • Arguments, значення за замовчуванням
    • CallStack, Scope, замикання
    • тестування коду
    • функція як інструмент тестування
20. DOM
    • Element, document
    • Document.createElement
    • Append vs appendChild
    • QuerySelector
    • динамічна верстка через DOM
21. події
    • атрибути
    • властивості елемента для роботи з подіями
    • addEventListener/removeEventListener
    • життєвий цикл події, спливання і підняття
    • PreventDefault і stopPropagation
    • This і колбеки
22. BOM
    • Об'єктна модель браузера (BOM)
    • localStorage, sessionStorage, indexedDB
23. взаємодія з мережею + Ajax
    • XMLHttpRequest, fetch
    • Ajax
    • обробка помилок у запитах.
    • Web-сокети. Івент-сорсинг
    • REST
24. асинхронність в JavaScript. Частина 1
    • Що таке асинхронність
    • порівняння синхронного та асинхронного коду
    • введення в promise
25. асинхронність в JavaScript. Частина 2
    • продовжуємо з promise
    • Promise chaining
    • обробка помилок
26. асинхронність в JavaScript. Частина 3
    • Async/await
    • Event loop
27. основи ООП
    • ООП: інкапсуляція, спадкування, поліморфізм
    • Абстракція та інтерфейси
    • класи та спадкування
    • обмеження в JS
    • рішення задач через ООП
    • BDD і DDD (Behavior Driven Development/Domain Driven Design)
28. класи в JavaScript
    • функція як клас
    • new і this
    • this, call/apply/bind
    • стрілочні функції
    • прототипи
    • спадкування
    • ES6 class
29. DOM. Своя фабрика компонентів без фреймворку
    • шаблони проектування
    • Модуль, проксі, адаптер
30. Практика і вибір дипломного проекту
    • вибір проекту для підвищення навичок
    • виконання проекту, реалізація, практика
31. Git
32. основи тестування
33. структури даних
34. Immutable своїми руками
35. Npm: Працюємо з залежностями
36. свої компоненти
37. основи webpack. Частина 1
38. основи webpack. Частина 2
39. MVC-концепція
40. свій SPA (Single page App) без фреймворку.
41. починаємо працювати з React. Налаштування create-react-app
42. Функціональне програмування
43. життєвий цикл і компоненти в React
44. продовжуємо вивчати React. Частина 1
45. продовжуємо вивчати React. Частина 2
46. Redux
47. продовжуємо вивчати Redux: Dispatch, Action
48. Redux-middleware
49. TypeScript. Знайомство. Опис. Налаштування робочого оточення
50. TypeScript. Продовжуємо изучениу. Клас. Generics. Просунуті типи
51. день консультацій щодо дипломного проекту
52. Тренінг"працевлаштування в IT"

https://privatelink.de/?https://teachmeskills.by/kursy-programmirovaniya/frontend-html-css-javascript-minsk