MDB academy

web
mobile

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.

Sign up

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?

gulp logo

Bootstrap

material design for bootstrap logo

Material Design for Bootstrap

html logo

HTML5

css logo

CSS

sass logo

SASS

javascript logo

JavaScript

terminal logo

Command line

sass logo

NPM

npm logo

Gulp

git logo

Git

php logo

PHP

web design logo

Web Design / UI / UX theory

npm logo

jQuery

git logo

Angular

php logo

React

web design logo

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.

Corporate website

Live preview

Landing Page

Live preview

Admin dashboard

Live preview

Portfolio

Live preview

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


Exercises:

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

To the body element add:

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

Exercises:

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

To the body element add at least:

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

Exercises:

Create a project that will contain external CSS stylesheet.

Using the CSS language:

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

Exercises:

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

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

Exercises:

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

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

Responsive web design


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Exercises:

It's time for your own project.

Be creative and use the knowledge acquired in this chapter to create your own website on any topic and with any layout and design you want.


Programming intermediate level


Workshops XII - JavaScript Chapter II, part 1.

  1. Variables
  2. Operators
  3. Arithmetic
  4. Data types
  5. Functions

Workshops XIII - JavaScript Chapter II, part 2.

  1. Objects
  2. Events
  3. String methods
  4. Arrays
  5. Array methods

Workshops XIV - JavaScript Chapter III, part 1.

  1. Math object
  2. Booleans
  3. Comparison and logical operators
  4. Dates
  5. Conditional statements

Workshops XV - JavaScript Chapter III, part 2.

  1. Switch statement
  2. For loop
  3. While loop
  4. Break and Continue
  5. Regular expressions

Workshops XVI - JavaScript Chapter IV, part 1.

  1. Scope
  2. Hoisting
  3. Strict mode
  4. this Keyword
  5. let variable

Workshops XVII - JavaScript Chapter IV, part 2.

  1. const variable
  2. Style guide and coding conventions
  3. Best practices
  4. JSON

Workshops XVIII -

Coming soon


Workshops XIX -

Coming soon


Workshops XX -

Coming soon