MDBYouth

Sample image for first version of blog listing

Ucz się programowania oraz technologii z nami

MDB Academy to przeprowadzane lokalnie warsztaty z nauki programowania i technologii.

Obecnie zajęcia prowadzone są na terenie Łowicza i w okolicach.

Jeśli chcesz się dowiedzieć, czy mamy jeszcze wolne miejsca napisz do nas pytanie na adres: contact@mdbyouth.org .

Dokładne informacje, program nauczania i najczęściej zadawane pytania można znaleźc poniżej.

Najczęściej zadawane pytania

Czego się nauczę?

Nauczysz się najważniejszych technologii internetowych - od najbardziej podstawowych aspektów do zaawansowanych problemów.

Których dokładnie technologii się nauczę?

Bootstrap

Material Design for Bootstrap

HTML5

CSS

SASS

JavaScript

Command line

NPM

Gulp

Git

PHP

Web Design / UI / UX theory

jQuery

Angular

React

Vue

Mogę zobaczyć przykłady przyszłych projektów, które zrobię w ramach tego kursu?

Oczywiście.Spójrz na przykłady poniżej.

Corporate website

Podgląd

Landing Page

Podgląd

Admin dashboard

Podgląd

Portfolio

Podgląd

Są jakieś zajęcia zaplanowane po kursie?

Najlepsi uczniowie będą mogli odbyć rozmowy rekrutacyjne z firmą MDB (i innymi firmami w Warszawie). Jeśli ukończą je pomyślnie, będą mieli okazję odbyć letni staż, z tytułu którego otrzymają wynagrodzenie.

Syllabus półrocznego kursu MDB Academy

Podstawy technologii internetowych

Warsztaty I - HTML Rozdział 1

Zadania:

Stwórz prostą stronę HTML zawierającą wszystkie podstawowe elementy każdego dokumentu HTML.

Do elementu body dodaj:

Trzy różne nagłówki
4 paragrafy zawierające co najmniej 6 różnych typów formatowania tekstu
Załącznik do zewnętrznej strony, otwierającej się w nowym oknie
Małe zdjęcie o szerokości 200px
Drugie zdjęcie z wysokością 400px i szerokością 200px, które będzie odnośnikiem do zewnętrznej strony
Dodaj krótki komentarz do pierwszego zdjęcia, opisujący co przedstawia

Warsztaty II - HTML Rozdział 2

Zadania:

Stwórz prostą stronę HTML zawierającą wszystkie podstawowe elementy każdego dokumentu HTML.

Do elementu body dodaj co najmniej:

Tabelę z 3 kolumnami i 6 wierszami
Listę nienumoerowaną z 5 elementami w stylu kwadratowym
Listę numerowaną z 5 elementami w stylu rzymskim
Użyj 3 elementów div w dowolny sposób
Użyj 3 elementów span w dowolny sposób
Dodaj tę samą klasę do dwóch elementów, która zmieni ich kolor tła na czarny
Dodaj ID do dowolnego elementu, który wycentruje tekst
Dodaj tytuł strony do metadanych, zawierający twoje imię i krótki, jednozdaniowy opis na dany temat
Stwórz prosty formularz zawierający input na imię, nazwisko i przycisk submit

Warsztaty III - CSS Rozdział 1

Zadania:

Stwórz projekt, który będzie zawierał zewnętrzny arkusz stylów.

Używając języka CSS:

Stwórz 3 elementy, każdy z innym kolorem tła
Stwórz 4 paragrafy, każdy z innym kolorem czcionki
Stwórz element div z różnym marginem z każdej strony
Stwórz element div z różnym paddingiem z każdej strony
Stwórz element div z obramowaniem o różnym kolorze z każdej strony
Stwórz zielony element div z szerokością 100% i wysokością 500px
Wszystkie paragrafy powinny być wycentrowane za pomocą klasy (wybierz dowolną nazwę)

Warsztaty IV - CSS Rozdział 2

Zadania:

Stwórz projekt, który będzie zawierał zewnętrzny arkusz stylów. Następnie:

Stwórz co najmniej 3 elementy z właściwością display block
Stwórz co najmniej 2 elementy z właściwością display inline
Stwórz co najmniej 1 element z właściwością display none
Stwórz 1 element z właściwością position fixed
Stwórz jeden element o wysokości 200px i właściwością overflow-y scroll. Dodaj wystarczająco dużo zawartości, by scroll był widoczny
Dodaj zdjęcie z właściwością float right i dodaj paragraf dookoła niego
Dodaj zdjęcie z właściwością opacity 0.4
Użyj co najmniej jednego kombinatora
Użyj co najmniej jednej pseudoklasy

Warsztaty V - Podstawy JavaScript

Zadania:

Create a simple HTML page and use JavaScript to show you how:

Dodaj wynik działania zawierającego sumę dwóch dowolnych liczb do paragrafu
Dodaj wynik działania zawierającego różnicę dwóch dowolnych liczb do alerta
Wyświetl wynik dowolnego działania w konsoli

Responsive web design

Warsztaty VI - tworzenie corporate website

Zadania:

Pora na twój własny projekt.