Go to Top

Web-Design – Advanced

Web-Design – Advanced

Цел на курса:

Курсът има за цел да доразвие знанията на тези които са избрали да се развиват като Front-End разработчици и вече имат базови познания в сферата на  Web-Design. По време на обучението курсистите, ще се запознаят с последните тенденции в Web разработването.

За кого е предназначен курса:

Курсът е предназначен за курсисти, които вече са завършили курса по “Web Design”, също така и за тези, които имат известни познания и желаят да ги доразвият на професионално ниво.

Лектор на курса: Ива Попова. Повече информация – тук.
Какво е необходимо за участие в курса:

Необходимо е курсистите желаещи да вземат участие в курса да се запишат до 3 дни преди началната дата на обучението, като направят това на място в административния офис на компютърно образователния център „Progress”(пл. Славейков №11. ет.5 )  или по банков път. Повече информация - тук.

Тези, които нямат възможност да ползват собствен лаптоп, трябва да заявят за това по email или телефон, за да им бъде осигурен служебен лаптоп/настолен компютър от центъра.

Мащаб на групата:

С цел по-ефективно обучение, групите  са ограничени до 8 курсиста.

Издаване на Сертификат:

По време на курса се предвиждат няколко контролни теста. В края на обучението, се представя практически проект. Добрите резултати на курсистите са основание за получаване на Сертификат.

Хостинг план:

Безплатен хостинг за всеки един курсист за целите на курса, предоставен от нашите партньори от Суперхостинг, чрез план – “СуперПро” . Повече информация – тук.

Учебна програма:

1. Introduction

1.1 About the course and the online resources being used.
1.2 What happens with the Web, and the technologies behind it during the past years?
1.3 W3C, HTMLWG, WHATWG, CSS3, HTML5, JS apps, Mobile first, … what’s behind these buzzwords?
1.4 Let’s introduce and clarify the concepts: responsive design, adaptive design, UI, UX, …
1.5 JavaScript – the past, present and future of the Web.

2. Practical introduction to git and GitHub

2.1 What is git?
2.2 Installing and configuring git.
2.3 Create git repository.
2.4 Configure the repository.
2.5 Adding files to repository.
2.6 Committing changes.
2.7 Working with branches.
2.8 Overview of GitHub and setting-up an account.
2.9 Connect your local repository to your GitHub repository.
2.10 Clone and use somebody’s else repository.

3. Page and loading time optimizations

3.1 Master the WebDevelopers tools and be productive.
3.2 Profile and Analyse.

4. HTML5: A step towards the Semantic Web

4.1 HTML5 Semantic elements and SEO considerations.
4.2 What is Microdata, Microformats, RDF and why should you know about them?
4.3 How to boost the SEO of the site by adding more semantics.

5. Practical CSS3 canvas and SVG

6. Master CSS3 Transitions

7. Let’s dive into CSS3 Animations

8. CSS pre-processors

8.1 Why to pre-process CSS?
8.2 Yes, LESS is more.
8.3 How about Sass?

9. Modern design strategies

9.1 Why ‘Progressive Enhancement’ is better than ‘Graceful Degradation’?

10. Responsive Web design essential concepts

10.1 Manage the viewport.
10.2 Fluid Images and Grids.
10.3 CSS media queries responsiveness.

11. Advanced JavaScript

11.1 Higher-Order Functions.
11.2 Closures.
11.3 How to namespace in JavaScript and why it is important.
11.4 Namespacing best-practices.
11.5 Decoupling modules.
11.6 Regular Expressions in JavaSCript.

12. jQuery

12.1 jQuery essentials.
12.2 Traversing the DOM.
12.3 Manipulating the DOM.
12.4 DOM Events and Event Delegation.
12.5 Simplifying AJAX calls with jQuery.

13. The bloom of JS libraries and frameworks

13.1 Common principles.
13.2 Local or on CDN?
13.3 How to use them – the best-practices.

14. A day for Bootstrap

14.1 Overview of Twitter’s Bootstrap.
14.2 The Bootstrap Grid System.
14.3 Bootstrap Layout Components.
14.4 Bootstrap Plugins.

15. Introducing SPA and AnglarJS

15.1 What is Single Page Applications (SPA).
15.2 An overview of Google’s AngularJS.
15.3 Set up an AngularJS project.
15.4 AngularJS Directives.
15.5 AngularJS Expressions.
15.6 AngularJS Applications.
15.7 AngularJS Module.

16. Introduction to Node.js – the JavaScript back-end breakthrough.

16.1 Simple explanation of node.js principles.
16.2 Node.js’ package ecosystem.
16.3 Using NPM.

17. A real-life examples for building Web Applications

17.1 Build fast, effective and manageable full-featured blog on GitHub Pages.
17.2 Create your own interactive slide presentations with Reveal.JS.
17.3 Visualize your musical taste with D3.js and last.fm.

Бонуси:

10% отстъпка при записване на следващ курс.

Продължителност на курса:

Курса е с продължителност от 100 учебни часа (3 месеца). Занятията, ще се провеждат два пъти в седмицата.

Цена на курс по „Web-Design – Advanced”.

Цена: 630лв.
Има възможност за разсрочено заплащане на курса, на три равни вноски по 210 лева. Първата се внася при записването, а втората  и третата вноска в началото на всеки следващ месец от обучението.

*Всички курсисти, завършили курса по “Web-Design (HTML, CSS, JavaScript)”, при записване на  ”Web-Desig – Advanced” ползват 15 % отстъпка = 535 лева за цялото обучениеКурсът, може да бъде заплатен на 2 равни вноски по 267.5 лева.

Вижте график на стартиращи групи по “Web-Design – Advanced” - тук!