Уеб разработчик от нулата - курс 72 900 rub. от Brunoiam, обучение 9 месеца, дата 27 ноември 2023 г.
разни / / November 27, 2023
Максимално ефективно обучение
Актуални познания
Курсовете се разработват след анализ на свободните работни места и се актуализират на всеки шест месеца. Нищо излишно - ние преподаваме само това, което ще бъде полезно в работата
Ролята на менторите
Много по-лесно е да научите нови неща с личен ментор, който ще ви потопи в проекта ви, ще ви помогне да развиете силните си страни и няма да ви остави сами с трудностите.
Реални проекти
Изпълнението на проекти доближава ученика до реалните условия на работа. Проектите помагат не само да научите материала, но и да се потопите в професията
Просто, бързо и удобно
Ясна структура. Курсът е разделен на модули. Модули за уроци. Всеки урок е теория съчетана с личния опит на преподавателя. Без дълги поздрави и вода
За кого е този курс?
За тези, които искат да станат уеб програмист
Основната цел на курса е да ви подготви за професията. След обучение ще можете да си намерите работа и бързо да развиете уменията си в компанията
За тези, които искат да опитат нова област
Уеб програмирането остава една от най-търсените професии и няма да отстъпи. Това е една обещаваща област, в която има още време да навлезете, за да се конкурирате успешно на пазара на труда
Как протича обучението
- Учете по график, който ви устройва
- Упражнявайте се върху домашните си. Те се състоят от три нива на трудност
- Работете по проекти едновременно. Те ще отидат във вашето портфолио
- Изпратете практически задачи на вашия ментор. Той ще даде подробна обратна връзка в рамките на 24 часа
Технологии, които ще изучавате:
- HTML е езикът за маркиране, на който са изградени уебсайтовете. Казва на браузъра как да покаже заредения сайт
- CSS е език за стилизиране. Взаимодейства с браузъра, за да стилизира документа
- Github – облачна услуга за работа върху код в екип
- Мрежови технологии и протоколи - TCP/IP, HTTP, HTTPS, FTP
- JavaScript е най-популярният език за програмиране в интернет. Описва поведението на елементи на уеб страница или браузър
- Node.js е среда за изпълнение на JavaScript код извън браузъра. Използва се за автоматизиране на рутинни задачи
- React Basics - библиотека за разработка на интерфейси, ви позволява да правите интерфейсни компоненти по-бързо
- Основи Typescript е език за програмиране, разработен от Microsoft, който добавя система от типове към гъвкавостта и динамичните възможности на JS.
- Основи на PHP - един от водещите езици на съвременната уеб разработка
- Figma/Adobe Photoshop - графични редактори за оформление на уебсайтове, базирани на оформления на уеб дизайнер
2
курсТрудов опит Преминава към уеб разработка през 2014 г. От 2017 г. работи като front-end разработчик в дигитална агенция Kelnik, разработвайки големи уебсайтове за строителни предприемачи на жилищни имоти и онлайн магазини. Работих повече от година в международна...
опит
Премина към уеб разработка през 2014 г. От 2017 г. работи като front-end разработчик в дигитална агенция Kelnik, разработвайки големи уебсайтове за строителни предприемачи на жилищни имоти и онлайн магазини. Работих за международната компания Wrike повече от година. Сега независим разработчик.
За мен
Не винаги съм бил свързан с мрежата - започнах кариерата си през 2007 г. като инженер-технолог в областта на вентилацията, въпреки че любимият ми предмет в училище беше информатика. През 2014 г. се завръща „към корените“, започвайки с оформлението на уебсайта – html, css, jQuery. Първият проект беше уебсайт за салон за пердета за роднини. Бях горд - сам си го написах и го прехвърлих в WordPress :) След това имаше трънлив път до фрийланс и отличен опит в агенцията и разработването на продукти. Елате на курса - ще се научим как да пишем код, ще придобием нови умения за създаване на уебсайтове и ще разберем как и къде да приложим това умение!
1
добреОпит за разработчици на Frontend. Започнах кариерата си като фрийлансър, а сега работя като full-stack разработчик за компания. За себе си Не стоя на едно място, винаги изучавам нови технологии. Знам какво е да сменяш професията. Ето защо...
опит
Frontend разработчик. Започнах кариерата си като фрийлансър, а сега работя като full-stack разработчик за компания.
За мен
Не стоя на едно място, винаги изучавам нови технологии. Знам какво е да сменяш професията. Затова се фокусирам върху обясняването на сложни теми на прост език и помагам на учениците да консолидират знанията си с примери.
„Особено бих отбелязал интересното поднасяне на материала, количеството знания и умения и достъпния тип информация. Ясни презентации. Благодаря за организирания материал, всичко е логично!"
— Полина Сергеевна, WB296-2459
Блок 1 - Основи на уеб технологиите
- Поставяне на лични цели за курса
- Видове сайтове, функционалност
- Етапи на създаване на уебсайт, основни професии в индустрията
- Мрежови технологии и интернет протоколи: TCP/IP, HTTP, HTTPS, FTP
- Хостинг и домейн, DNS система
- Модел клиент и сървър
- Ролята на браузъра и редакторите на код
- Настройване на вашето работно пространство
- Системи за контрол на версиите. Git
Блок 2 - HTML
- Въведение в HTML: Концепции за етикети и атрибути
- HTML кодиране на текст
- Тагове за формиране на текст
- Хипервръзки и адреси на файлове
- Анкорни връзки
- Връзка за обаждане и изпращане на имейл
- Таблици в HTML
- img таг и неговите атрибути. Правила за публикуване на снимки. Формати на изображения: кои да изберете
Блок 3 - CSS
- Основен CSS синтаксис
- Основни видове селектори: идентификатори, класове, псевдокласове
- Специфични точки и приоритети на правилата
- Каскада и наследяване на имоти
- Контекстуален и универсален селектор
- Свойства на текст и шрифт в CSS
- Свързване на външни шрифтове
- HEX и RGB цветове. Добавяне на равномерен фон към елементите. Фоново изображение за страницата, фонови настройки
Блок 4 - Блок модел и оформление на уеб страница
- Разбиране на блокови и вградени елементи
- Основни свойства на блоковете
- Как се изчислява размерът на блока и размера на кутията: border-box
- Какво е блоков модел
- Използване на блокове за изграждане на оформление
- Вградени блокови елементи
- дисплей свойство
- Остарели методи за конструиране на оформление: знаят, не могат да се използват
Блок 5 - Многоколонни оформления с Flexbox
- Семантични тагове за дизайн на оформление
- Основи на Flexbox: Контейнери и елементи
- Подравняване на елементи по главната и напречната ос
- Промяна на оси и вертикално подравняване на елементи
- Проблеми с използването на flexbox
Блок 6 - Основи на графичните редактори за дизайнери на оформление
- Работа с картинки: изрязване, изрязване
- Запазване: формат, качество, тегло
- Как да разберете кода на цвета
- Инструменти за шрифтове
- Копиране на готов CSS
- Измерване на разстояния: инструменти, настройки
- Ефекти и тяхното копиране
- Вграждане на карти и видео
Блок 7 - Позициониране
- Видове позициониране: статично, абсолютно, относително, фиксирано
- Характеристики на различните видове позициониране
- z-индекс и контекст на наслагване
- Кога и как да използваме позиционирането
- Пример за многостепенно падащо меню
- Решаване на типични проблеми с позиционирането
Блок 8 - Форми за обратна връзка
- Основни елементи на формата: въвеждане, избор, текстово поле, бутон
- Състояние на полето и псевдокласове
- Квадратче за отметка на елементи за избор, радио, избор
- Елементи за групиране: набор от полета и легенда
- Стилове за псевдоелемента на заместителя
- Правила за стилове на писане на формуляри
- Бутони за оформяне
Блок 9 - Отзивчив и адаптивен уеб дизайн
- Концепция за адаптивен и отзивчив уеб дизайн
- Медийни запитвания
- Опции на Viewport и Meta Viewport Tag
- Проблеми с различни браузъри
- Валидност на кода, валидатори
- Характеристики на многостранични сайтове
- Правила за оформление за SEO промоция
Блок 10 - Анимация с помощта на HTML5 и CSS3
- Плавни преходи за създаване на анимационни ефекти
- Анимация с помощта на ключови кадри
- Трансформация на елементи
- Добавяне на основни анимационни елементи към сайта
Блок 11 - Основи на JavaScript
- Въведение в JavaScript
- Променливи и типове данни
- Математически оператори и преобразуване на типове
- Логически оператори
- Разклонения и условни изрази
- Вградени функции за взаимодействие с потребителя
Блок 12 – Цикли и масиви в JavaScript
- Масиви
- Методи за работа с масиви
- for и while цикли
- Вложени масиви
- Работа с конзолата
Блок 13 – Функции
- Дефиниция на функция. Функцията на стрелката и нейните разлики от обичайната. Функционален израз и декларация на функция.
- Зона на видимост. Как работи. Лексикална среда.
- Таймери и затваряне. Функции setInterval, setTimeout, clearInterval, clearTimeout. Какво е затваряне и как може да се използва.
- Функции за обратно извикване
Блок 14 - Обекти. DOM. събития
- Обекти и речници. Как се създават обекти. Ключовата дума е това. Получаване, промяна и изтриване на свойства на обект. Връзки към обекти.
- Наследяване на прототип. Как работи наследяването на свойства и методи. Дизайнери.
- Класове. Дефиниране на класове и предимства на употребата. Разширяване на класовете. Частни методи и публични. Геттери и сетери. Пример за създаване на програма, използваща класове и MVP архитектура.
- DOM. Страничен обектен модел и защо е необходим. Намиране на елементи на страница и тяхното извличане. Изброяване на елементи и основни свойства.
- събития
Блок 15 - Анимация и ефекти в JavaScript
- JavaScript анимации. Промяна на CSS свойства на елементи. Крива на Безие. Примери за анимации.
- Рендиране в браузъра. Оптимизирани свойства. функция requestAnimationFrame.
- Библиотеки с анимации
Блок 16 – Интерактивни елементи
- Плъзгач
- Акордеон
- Подсказка
Блок 17 - Node.js
- Въведение в Node.js. Функции на Node.js. Накратко за модулите и тяхното предназначение: fs, child_process, https.
- НПМ. Основни команди на мениджъра на пакети npm. Инициализиране на проекта и инсталиране на първите пакети. структура на package.json.
- Основи на Webpack. Защо се нуждаем от асемблери и какви етапи могат да бъдат автоматизирани? Първа автоматизация за конфигуриране и изграждане на Webpack: минимизиране на код, конкатенация на модули и използване на SCSS препроцесор.
- SCSS препроцесор. Предимства на препроцесорите. Бърз преглед на разликите между някои: SCSS, SASS, Less, post-css. Основни конструкции: променливи, миксини, функции.
Блок 18 - Работа със сървъра
- API на Promise
- Свързване със сървъра и класа XMLHttpRequest
- метод на извличане
- Библиотека Axios
Блок 19 – Основи на React
- Компоненти и JSX
- Състояние на компонента
- Кукички
- Компоненти за стилизиране
- React-Router
Раздел 20 - Основи на TypeScript
- Статично писане
- Интерфейси и типове
- Типове енуми
Блок 21 - Преглед на пътната карта на JS разработчиците
- Накратко за това как да се развивам по-нататък като разработчик и какво да уча
Блок 22 – Основи на програмирането на PHP
- Предназначение на сървърните технологии
- Локален уеб сървър и домейн
- Създаване на динамични уеб страници
- Концепцията на CMS системите
- Хостинг на уебсайтове
- FTP протокол за изтегляне на файлове
- Обобщаване и завършване на проекта
Бонус процент
Безплатен курс "Научи се да учиш"
Ние даваме на всеки ученик достъп до този курс, така че обучението да не бъде пропиляно. Проблемът е, че хората не получават резултати от тренировките. Има три основни причини:
- Няма ясни цели. И дори тези, които разбират важността на целите, все още не го правят. Искам да сменя работата си и да стана готин мениджър на социални мрежи - не цел, а желание. С тази настройка резултатът ще бъде подходящ.
- Изоставяне на ученето наполовина. Много хора намират мотивация през първата седмица. Но е невъзможно да се стигне до края. Защото мозъкът не обича да учи редовно.
- Липса на последователност. Това е доста често срещано явление, когато се хващаме за каквато и да е информация по избрана тема, движим се хаотично и в резултат на това безрезултатно.
Защо подчертахме тези три причини? Защото ние преподаваме от 11 години и виждаме обратна връзка от учениците. По време на курса ви казваме как да приложите всички тези ценни знания в живота.