MDB academy

Follow the 2 simple steps below to join the MDB Academy program.

Step 1 - sign up

You need just a few clicks and less than 1 minute.

Step 2 - confirm your participation

Write us a message at office@mdbootstrap.com with confirmation that you are participating in the MDB Academy. program.

Write from the same email address you used in registration. Attach your name, surname, school and the name of the teacher who conducts the classes.

Frequently Asked Questions

What I will learn?

You will learn the most important web technologies - from the completely fundamentals aspects to the advanced issues.

What exact technology will I learn?

Bootstrap

Material Design for Bootstrap

HTML5

CSS

SASS

JavaScript

Command line

NPM

Gulp

Git

PHP

Web Design / UI / UX theory

jQuery

Angular

React

Vue

Can I see examples of future projects that I will do as part of this course?

Of course. Have a look at the examples below.

Are there any activities planned after the course?

The best students will be able to hold a recruitment interview to MDB company (and other companies in Warsaw). If they finish it successfully, they have a chance to get a summer internship, for which they will receive a salary.

The syllabus of the semi-annual course of the MDB academy

Fundamentals of web technologies

Workshops I - HTML chapter 1

Exercises:

Create a simple HTML page that contains all the basic elements of each HTML document.

To the body element add:

Three different headings
4 paragraphs containing at least 6 different types of text formatting
Link to the outside website, opening in a new tab
A small image with a width of 200px
A second image with a width of 400px and a height of 200px, which will be a hyperlink to the outside website
Add a short comment to the first image, describing what the image represents

Workshops II - HTML chapter 2

Exercises:

Create a simple HTML page that contains all the basic elements of each HTML document.

To the body element add at least:

Tables with 3 columns and 6 rows
An unordered list with 5 items with a square style
List ordered with 5 items with Roman numerals
Use 3 div elements in any way
Use 3 span elements in any way
Add the same class to any two elements, which will change the background color of these elements to black
Add an ID to any element that will center the text
Add the title of the page to the meta line, containing your name and a short, one-sentence description on any topic
A simple form containing input of name, surname and submit button

Workshops III - CSS chapter 1

Exercises:

Create a project that will contain external CSS stylesheet.

Using the CSS language:

Create 3 elements, each with a different background color
Create 4 paragraphs, each with a different font color
Create a div element with margins of varying length at each side
Create a div element with paddings of different lengths on each side
Create a div element with a border with different colors on each side
Create a div element in green, width 100% and height 500px
All paragraphs should be centered using the class (choose any name)

Workshops IV - CSS chapter 2

Exercises:

Create a project that will contain external CSS stylesheet. Then:

Create at least 3 elements with display block property
Create at least 2 elements with display inline property
Create at least 1 element with display none property
Create 1 element with position fixed property
Create an element with height 200 px and overflow-y scroll property. Add enough content to this element to make the scroll visible
Create an image with float right property and add paragraph around it
Create an image with opactiy 0.4
Use at least one combinator
Use at least one pseudo-class

Workshops V - JavaScript basic

Exercises:

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

Insert the result of the equation containing the sum of any numbers into the paragraph
Insert the result of the equation containing the difference of any numbers to the alert
Insert the result of the equation containing the product of any numbers to the consoles

Responsive web design

Workshops VI - creating a corporate website

Exercises: