ким ви станете
Frontend-Розробник створює інтерфейси, з якими будуть взаємодіяти користувачі, верстає сайти за сучасними стандартами, віртуозно володіє JavaScript, HTML, CSS.
Це затребувана і високооплачувана професія, яка включає технічні та творчі компоненти. На позиції frontend-розробника можна робити Інтернет краще і зручніше.
програма
9 практичних курсів та 2 місяці стажування
Frontend-Розробник створює інтерфейси, з якими будуть взаємодіяти користувачі, верстає сайти за сучасними стандартами, віртуозно володіє JavaScript, HTML, CSS.
Це затребувана і високооплачувана професія, яка включає технічні та творчі компоненти. На позиції frontend-розробника можна робити Інтернет краще і зручніше.
програма
9 практичних курсів та 2 місяці стажування
Веб-розробка. Швидкий старт
Основи HTML/CSS і PHP
PHP (Hypertext PreProcessor, препроцесор гіпертексту)-мова програмування, виконуваний на стороні веб-сервера. Творець PHP-Расмус Лердорфом ( Rasmus Lerdorf)-спроектував його в якості інструменту для створення динамічних та інтерактивних веб-сайтів. Мова набула великої популярності і використовується в проектах різних масштабів: від простого блогу до найбільших веб-додатків в Інтернеті. Найбільші PHP-проекти-Zend, Yahoo, Facebook, Google, NASA, W3C. Курс призначений для тих, хто хоче придбати початкові навички веб-розробки на PHP, вивчити логіку роботи з цією мовою і термінологію, а також зрозуміти принципи функціонування систем і веб-додатків. У процесі навчання студенти проходять основні етапи створення простого сайту інтернет-магазину і працюють над його функціональністю. Знання та навички, набуті на курсі, - надійна основа для подальшого розвитку в якості PHP-розробника.
Урок 1. Для чого потрібен PHP
Які можливості дає PHP; переваги перед іншими мовами і чому варто вибрати його; що буде на курсі: розглядаємо план курсу, який результат ми отримаємо, чому навчимося.
Урок 2. Встановлення та розгортання сервера на своєму комп'ютері
Як взаємодіють між собою веб-сервер, PHP інтерпретатор і база даних; качаємо готову збірку Open Server; вибираємо версію PHP; вибираємо версію apache; налаштовуємо доступ до локального сайту; як зрозуміти, що все налаштовано правильно і працює; використовуємо редактор коду Sublime Text, вбудований в збірку Open Server.
Урок 3. Як створювати веб-сторінки
Коротко розглядаємо для чого потрібен html; розглядаємо основні теги: doctype, html, head, title, body, header, h1, footer, div, a, img і їх місце в веб-сторінці; демонструємо, як працюють ці теги; показуємо створені теги в панелі
"Інструменти розробника" в Google Chrome; створюємо посилання на головну сторінку і сторінку з магазином так, щоб можна було перейти в магазин і назад.
Урок 4. Створюємо макет нашого магазину
Розглядаємо CSS: що це таке, як підключити стилі до сторінки; пишемо хедер і розглядаємо, як його оформити за допомогою CSS.
Урок 5. Завершуємо оформлення шаблону
Закінчуємо писати хедер; додаємо залишилися частини макета з готового шаблону; переносимо необхідні частини макета з готового шаблону (HTML, CSS, JavaScript).
Урок 6. Основи PHP
Як використовувати PHP в нашому шаблоні; для чого потрібні змінні і як з ними працювати; які типи даних є в PHP, для чого вони потрібні.
Урок 7. Як зберігати багато пов'язаних даних
Для чого потрібні масиви і як їх використовувати; кладемо інформацію про товар в масив.
Урок 8. Зберігання та обробка пов'язаних за змістом даних
Вкладені масиви; розміщуємо дані для нашого магазину у вкладених масивах; як отримати інформацію про товар з вкладеного масиву.
Урок 9. Працюємо з циклами
Що робити, якщо потрібно вивести на сторінку багато даних з масиву.
Урок 10. Як зробити сайт живим
Як зробити так, щоб програма змінювала поведінку в залежності від різних умов; як зрозуміти, яку сторінку потрібно відкрити; використовуємо параметри адресного рядка для відкриття потрібної сторінки.
Урок 11. Як робити навігацію між сторінками
Робимо посилання на інші сторінки; організуємо зручну структуру шаблону; виносимо окремі частини шаблону в інші файли; підключаємо інші сторінки в залежності від параметрів в адресному рядку.
Урок 12. Створюємо каталог товарів
Висновок всіх товарів на сторінку; працюємо зі сторінкою товару; як в каталозі товарів створювати правильні посилання для кожного товару; виводимо дані про товар на окремій сторінці.
Урок 13. Розміщуємо сайт в Інтернеті
Реєструємо ім'я для нашого сайту; завантажуємо файли на хостинг і перевіряємо працездатність сайту.
HTML/CSS . Інтерактивний курс. 1 місяць.
HTML/CSS . Інтерактивний курс
HTML/CSS-мова гіпертекстової розмітки, основа для вивчення серверних ЯП. Вивчивши HTML, ви зможете створити адаптивну веб-сторінку або веб-сайт. CSS-каскадні таблиці стилів-дозволить оформити зверстаний сайт так, як вам хочеться. Ви зможете дивитися відеокурс у зручний час і з усіх питань звертатися до наставника, який буде контролювати ваш прогрес. Формат розташовує до спілкування і самодисципліни в навчанні. За місяць ви навчитеся: * верстці адаптивних сайтів, * валідній кросбраузерній верстці , * flexbox верстці, * виконанню базових операцій в Figma, * використанню препроцесорів SASS і Bootstrap. Для переходу до наступного заняття курсу необхідно, щоб ваше домашнє завдання пройшло перевірку. Це покаже, що ви зрозуміли попередній урок і легко освоїте нові знання. Завдання може перевірити як ментор, так і Одногрупники, знанням яких ви довіряєте, і отримати за це ачівку. З кожною перевіркою кількість ачівок зростає, а навик роботи з чужим кодом збільшується. Від кількості ачівок залежить рівень підсумкового сертифіката: чим їх більше, тим вище статус. Ця в чомусь ігрова механіка робить заняття ще цікавіше.
Урок 1. Основні поняття у веб-розробці
Знайомство, вступна інформація
Налаштування visual studio code, гарячі клавіші, установка розширень.
Створення html документа
Структура html документа.
Види та атрибути тегів
Відладчик браузера
Урок 2. Основи мови розмітки документів HTML
Списки в html
Спецсимволи та коментарі
Гіперпосилання (локальні, абсолютні, якоря)
Типи зображень для web;
Форми та їх елементи.
Перегляд, редагування, пошук помилок через відладчик браузера
Урок 3. Основи мови оформлення стилів документа CSS
Введення в стилі
Способи підключення стилів
Селектори
Базові властивості стилів (px, %, background, color, border) частина 1
Базові властивості стилів (width, height, font, list-style, текст)
Вкладеність успадкування та групування властивостей
Урок 4. Основні теги для верстки, Псевдокласи і псевдоелементи
Основні теги div, span, створення блокової структури
Відступи у елементів
Обтічні елементи
Псевдокласи
Псевдоелементи
Таблиці
Урок 5. Основи позиціонування, робота з Flexbox
Властивість display
Що таке flexbox (горизонтальне і вертикальне розташування)
Порядок відображення, багаторядковість, зміщення окремого блоку
Завдання гнучких розмірів для блоків
Position: relative і absolute
Урок 6. Робота з макетом дизайну у форматі Figma
Що таке макет і які види макетів бувають
Знайомство з програмою Figma, нарізка макета
Визначення розмірів блоків, створення блокової структури
Додавання стилів з макета
Створення сайту по макету. Частина 1
Створення сайту по макету. Частина 2
Урок 7. Основи створення адаптивного сайту
Гнучкі розміри блоків, адаптивного сайту
Емуляція мобільних пристроїв
Медіа-запити
Притиснення підвалу до нижньої частини екрана
Практика створення адаптивного сайту
Практика створення адаптивного сайту частина 2
Урок 8. Стандарти web і допоміжні інструменти
Інструменти розробника. Частина 1
Завантаження проектів на сервер
Кросбраузерність
Знайомство з Boostrap
Знайомство з препроцесором SASS
Практичне використання препроцесора SASS
Основи програмування
Ази програмування, основні терміни і поняття
Відеокурс познайомить студентів з азами програмування, основними термінами і поняттями. Навчить розробляти алгоритми і дасть реальний досвід створення веб-продуктів. Уроки включають огляд актуальних мов і напрямків програмування, допомагають студентам вибрати найбільш цікаві для себе і надають матеріали та інструкції для подальшого професійного розвитку.
Урок 1. Знайомство з курсом
Про ведучого курсу. Як організований курс? Які програми будуть написані?
Урок 2. Підготовка до навчання
Правильний настрій. Результативна мотивація. Важливі особисті якості.
Дорогі колеги, докладніше про необхідні для програміста якостях ви зможете дізнатися з вебінару.
Урок 3. Перша програма
Вибір мови програмування. Підготовка браузера. Програма " Hello, world!".
Урок 4. Змінні
Установка зручного редактора коду. Знайомство зі змінними. Простий калькулятор.
Урок 5. Типи даних
Тип даних. Операції з різними типами даних. Перетворення типів даних.
Урок 6. Алгоритми і блок-схеми
Алгоритмічне мислення. Візуальні блок-схеми.
Урок 7. Оператор розгалуження if
Вибір варіантів в програмі. Оператор розгалуження if. Гра в загадки.
Урок 8. Логічні операції
Комплексні умови вибору. Логічні і, або. Гра"Злі птахи".
Урок 9. Цикли do, while
Цикли do і while. Гра в російську рулетку.
Урок 10. Цикл for
Цикл for. Фінансовий калькулятор.
Урок 11. Масиви
Великі набори даних і масиви. Гра в рулетку.
Урок 12. Функції
Основи HTML/CSS і PHP
PHP (Hypertext PreProcessor, препроцесор гіпертексту)-мова програмування, виконуваний на стороні веб-сервера. Творець PHP-Расмус Лердорфом ( Rasmus Lerdorf)-спроектував його в якості інструменту для створення динамічних та інтерактивних веб-сайтів. Мова набула великої популярності і використовується в проектах різних масштабів: від простого блогу до найбільших веб-додатків в Інтернеті. Найбільші PHP-проекти-Zend, Yahoo, Facebook, Google, NASA, W3C. Курс призначений для тих, хто хоче придбати початкові навички веб-розробки на PHP, вивчити логіку роботи з цією мовою і термінологію, а також зрозуміти принципи функціонування систем і веб-додатків. У процесі навчання студенти проходять основні етапи створення простого сайту інтернет-магазину і працюють над його функціональністю. Знання та навички, набуті на курсі, - надійна основа для подальшого розвитку в якості PHP-розробника.
Урок 1. Для чого потрібен PHP
Які можливості дає PHP; переваги перед іншими мовами і чому варто вибрати його; що буде на курсі: розглядаємо план курсу, який результат ми отримаємо, чому навчимося.
Урок 2. Встановлення та розгортання сервера на своєму комп'ютері
Як взаємодіють між собою веб-сервер, PHP інтерпретатор і база даних; качаємо готову збірку Open Server; вибираємо версію PHP; вибираємо версію apache; налаштовуємо доступ до локального сайту; як зрозуміти, що все налаштовано правильно і працює; використовуємо редактор коду Sublime Text, вбудований в збірку Open Server.
Урок 3. Як створювати веб-сторінки
Коротко розглядаємо для чого потрібен html; розглядаємо основні теги: doctype, html, head, title, body, header, h1, footer, div, a, img і їх місце в веб-сторінці; демонструємо, як працюють ці теги; показуємо створені теги в панелі
"Інструменти розробника" в Google Chrome; створюємо посилання на головну сторінку і сторінку з магазином так, щоб можна було перейти в магазин і назад.
Урок 4. Створюємо макет нашого магазину
Розглядаємо CSS: що це таке, як підключити стилі до сторінки; пишемо хедер і розглядаємо, як його оформити за допомогою CSS.
Урок 5. Завершуємо оформлення шаблону
Закінчуємо писати хедер; додаємо залишилися частини макета з готового шаблону; переносимо необхідні частини макета з готового шаблону (HTML, CSS, JavaScript).
Урок 6. Основи PHP
Як використовувати PHP в нашому шаблоні; для чого потрібні змінні і як з ними працювати; які типи даних є в PHP, для чого вони потрібні.
Урок 7. Як зберігати багато пов'язаних даних
Для чого потрібні масиви і як їх використовувати; кладемо інформацію про товар в масив.
Урок 8. Зберігання та обробка пов'язаних за змістом даних
Вкладені масиви; розміщуємо дані для нашого магазину у вкладених масивах; як отримати інформацію про товар з вкладеного масиву.
Урок 9. Працюємо з циклами
Що робити, якщо потрібно вивести на сторінку багато даних з масиву.
Урок 10. Як зробити сайт живим
Як зробити так, щоб програма змінювала поведінку в залежності від різних умов; як зрозуміти, яку сторінку потрібно відкрити; використовуємо параметри адресного рядка для відкриття потрібної сторінки.
Урок 11. Як робити навігацію між сторінками
Робимо посилання на інші сторінки; організуємо зручну структуру шаблону; виносимо окремі частини шаблону в інші файли; підключаємо інші сторінки в залежності від параметрів в адресному рядку.
Урок 12. Створюємо каталог товарів
Висновок всіх товарів на сторінку; працюємо зі сторінкою товару; як в каталозі товарів створювати правильні посилання для кожного товару; виводимо дані про товар на окремій сторінці.
Урок 13. Розміщуємо сайт в Інтернеті
Реєструємо ім'я для нашого сайту; завантажуємо файли на хостинг і перевіряємо працездатність сайту.
HTML/CSS . Інтерактивний курс. 1 місяць.
HTML/CSS . Інтерактивний курс
HTML/CSS-мова гіпертекстової розмітки, основа для вивчення серверних ЯП. Вивчивши HTML, ви зможете створити адаптивну веб-сторінку або веб-сайт. CSS-каскадні таблиці стилів-дозволить оформити зверстаний сайт так, як вам хочеться. Ви зможете дивитися відеокурс у зручний час і з усіх питань звертатися до наставника, який буде контролювати ваш прогрес. Формат розташовує до спілкування і самодисципліни в навчанні. За місяць ви навчитеся: * верстці адаптивних сайтів, * валідній кросбраузерній верстці , * flexbox верстці, * виконанню базових операцій в Figma, * використанню препроцесорів SASS і Bootstrap. Для переходу до наступного заняття курсу необхідно, щоб ваше домашнє завдання пройшло перевірку. Це покаже, що ви зрозуміли попередній урок і легко освоїте нові знання. Завдання може перевірити як ментор, так і Одногрупники, знанням яких ви довіряєте, і отримати за це ачівку. З кожною перевіркою кількість ачівок зростає, а навик роботи з чужим кодом збільшується. Від кількості ачівок залежить рівень підсумкового сертифіката: чим їх більше, тим вище статус. Ця в чомусь ігрова механіка робить заняття ще цікавіше.
Урок 1. Основні поняття у веб-розробці
Знайомство, вступна інформація
Налаштування visual studio code, гарячі клавіші, установка розширень.
Створення html документа
Структура html документа.
Види та атрибути тегів
Відладчик браузера
Урок 2. Основи мови розмітки документів HTML
Списки в html
Спецсимволи та коментарі
Гіперпосилання (локальні, абсолютні, якоря)
Типи зображень для web;
Форми та їх елементи.
Перегляд, редагування, пошук помилок через відладчик браузера
Урок 3. Основи мови оформлення стилів документа CSS
Введення в стилі
Способи підключення стилів
Селектори
Базові властивості стилів (px, %, background, color, border) частина 1
Базові властивості стилів (width, height, font, list-style, текст)
Вкладеність успадкування та групування властивостей
Урок 4. Основні теги для верстки, Псевдокласи і псевдоелементи
Основні теги div, span, створення блокової структури
Відступи у елементів
Обтічні елементи
Псевдокласи
Псевдоелементи
Таблиці
Урок 5. Основи позиціонування, робота з Flexbox
Властивість display
Що таке flexbox (горизонтальне і вертикальне розташування)
Порядок відображення, багаторядковість, зміщення окремого блоку
Завдання гнучких розмірів для блоків
Position: relative і absolute
Урок 6. Робота з макетом дизайну у форматі Figma
Що таке макет і які види макетів бувають
Знайомство з програмою Figma, нарізка макета
Визначення розмірів блоків, створення блокової структури
Додавання стилів з макета
Створення сайту по макету. Частина 1
Створення сайту по макету. Частина 2
Урок 7. Основи створення адаптивного сайту
Гнучкі розміри блоків, адаптивного сайту
Емуляція мобільних пристроїв
Медіа-запити
Притиснення підвалу до нижньої частини екрана
Практика створення адаптивного сайту
Практика створення адаптивного сайту частина 2
Урок 8. Стандарти web і допоміжні інструменти
Інструменти розробника. Частина 1
Завантаження проектів на сервер
Кросбраузерність
Знайомство з Boostrap
Знайомство з препроцесором SASS
Практичне використання препроцесора SASS
Основи програмування
Ази програмування, основні терміни і поняття
Відеокурс познайомить студентів з азами програмування, основними термінами і поняттями. Навчить розробляти алгоритми і дасть реальний досвід створення веб-продуктів. Уроки включають огляд актуальних мов і напрямків програмування, допомагають студентам вибрати найбільш цікаві для себе і надають матеріали та інструкції для подальшого професійного розвитку.
Урок 1. Знайомство з курсом
Про ведучого курсу. Як організований курс? Які програми будуть написані?
Урок 2. Підготовка до навчання
Правильний настрій. Результативна мотивація. Важливі особисті якості.
Дорогі колеги, докладніше про необхідні для програміста якостях ви зможете дізнатися з вебінару.
Урок 3. Перша програма
Вибір мови програмування. Підготовка браузера. Програма " Hello, world!".
Урок 4. Змінні
Установка зручного редактора коду. Знайомство зі змінними. Простий калькулятор.
Урок 5. Типи даних
Тип даних. Операції з різними типами даних. Перетворення типів даних.
Урок 6. Алгоритми і блок-схеми
Алгоритмічне мислення. Візуальні блок-схеми.
Урок 7. Оператор розгалуження if
Вибір варіантів в програмі. Оператор розгалуження if. Гра в загадки.
Урок 8. Логічні операції
Комплексні умови вибору. Логічні і, або. Гра"Злі птахи".
Урок 9. Цикли do, while
Цикли do і while. Гра в російську рулетку.
Урок 10. Цикл for
Цикл for. Фінансовий калькулятор.
Урок 11. Масиви
Великі набори даних і масиви. Гра в рулетку.
Урок 12. Функції
https://privatelink.de/?https://gb.ru/professions/frontend_developer