Creation of UI elements and mockups for a digital educational platform for coding.

1. GET STARTED NOW
let the adventure
commence...
CONTACTCOURSES
TERMS OF USE PRIVACY POLICY© Copyright 2019 - All rights reserved.
Petros
Antoniou
Web Designer;}
Emmanuel
Vlachakis
Front-End Developer();
Meletis
Nikolaidis
Back-End Developer?>
Iosif
Gemenitzoglou
Front-End Developer/>
and that’s us,
the first four coding ninjas
fistikaki
23rd
120
An absolutely great experience!
Already learned a lot, and many
aspects of JavaScript
have now been clarified.
Thank you Coding Ninja masters!
George92
5th
425
your ninja stories
your coding journey
A true Coding Ninja has three important values at
heart helping him lead through the overwhelming and
complex path to coding mastery. And this is exactly
our philosophy here at Coding Ninja.
RevisionPracticeTheory
COURSES LIBRAARY
The objective of each course is to learn the theory
behind a particular topic through a series of quizes
and challenges.
Our course material is focused, for now, on various
Web Development principles, languages, and techniques,
including HTML, CSS, JavaScript, PHP, and SVG anima-
tion. Feel free to explore our course library.
if you know how to
read you can learn
how to code
Enjoy online coding with easy-to-follow
instructions, immediate feedback, and a
tested curriculum.
No matter your skill level. At your own
pace. Whether you are on the go, at the
office, or at home.
Now anyone gets to say “I can code”!
ANIMATED
GIF
BECOME A TRUE
CODING NINJA
Join for free
Privacy Policy & Terms of Service
START CODING NOW
Username
Password
E-mail
GET STARTED
COURSES
The

2. LEADERBOARD HELPCOURSES FISTIKAKI
2nd
755
WELCOME BACK
FISTIKAKI
Let’s start!
CONTACTCOURSES
TERMS OF USE PRIVACY POLICY© Copyright 2019 - All rights reserved.
Leaderboard
2nd
755
1 Manos Vlachakis 1218
2 FISTIKAKI 755
3 Meletis Nikolaidis 713
4 Iosif Gemenitzoglou 698
5 George Georgakas 677
6 Paris Karampas 653
7 Theodora Gal 632
8 Igi Lee 631
Coding Ninjas
Sun MonSatFriThurWedTue
YOUR PROGRESS
THIS WEEK
Progress 0% 0/50
In this lesson, you will learn about
arrays, a data structure in JavaS-
cript used to store lists of data.
Arrays provide a method for storing
multiple values into a single
variable. That makes an array a con-
venient way to pass around a list of
items.
Continue your journey in:
J AVA S C R I PT I
A r r a y s : B a s i c s
You can always
start a different
course from the
courses library!

3. CONTACTCOURSES
TERMS OF USE PRIVACY POLICY© Copyright 2019 - All rights reserved.
In this lesson you'
ods that make worki
A r r a y s I I :
Locked
g code -- they're
asks. Loops are fre-
gh an array and per-
in the array.
50/50
In this lesson, you will learn about arrays, a
data structure in JavaScript used to store lists
of data. Arrays provide a method for storing
multiple values into a single variable. That
makes an array a convenient way to pass around a
list of items.
A r r a y s I : B a s i c s
Progress 0% 0/50
...1 3 4 5 6 7 ... 12
7. Arrays I: Basics
8. Arrays II: Methods
9. Objects 1: Basics
10. Lesson
11. Lesson
12. Lesson
1. Lesson
2. Lesson
3. Lesson
4. Lesson
5. Conditionals
6. Loops
COURSES CONTENTS
JAVASCRIPT I
HELP FISTIKAKI
23rd 120
LEADERBOARDCOURSES

4. CONTACTCOURSES
TERMS OF USE PRIVACY POLICY© Copyright 2019 - All rights reserved.
Without CSS, every web page
would be drab plain text and
images that flowed straight
down the page. With CSS, you
can add color and background
images and change the layout
of your page — your web
pages can feel like works of
art!
C S S 1
Progress 95% 475/500
HTML is the foundation of
all web pages. Without HTML,
you wouldn't be able to or-
ganize text or add images or
videos to your web pages.
HTML is the beginning of ev-
erything you need to know to
create engaging web pages!
H T M L 1
Progress 100% 200/200
JavaScript is the program-
ming language of the web.
You can use it to add dynam-
ic behavior, store informa-
tion, and handle requests
and responses on a website.
J a v a S c r i p t 1
Progress 16% 80/500
FISTIKAKI
23rd 755LEADERBOARD HELPCOURSES
WEB
DEVELOPMENT
BASICS
LOREM
IPSUM
DOLOR
Lorem ipsum dolor sit amet,
consectetuer adipiscing
elit, sed diam nonummy nibh
euismod tincidunt ut laoreet
dolore magna aliquam erat
volutpat. Ut wisi enim ad
minim veniam, quis nostrud
exerci tation ullamcorper
L o r e m i p s u m
Progress 0% 0/200
In this course, you'll ex-
plore the basic structure of
a web application, and how a
web browser interacts with a
web server.
P H P
Progress 0% 0/500
Learn to communicate with
databases using SQL, the
standard data management
language.
S Q L
Progress 0% 0/200

5. Leaderboard
2nd
755
1 Manos Vlachakis 1218
2 FISTIKAKI 755
3 Meletis Nikolaidis 713
4 Iosif Gemenitzoglou 698
5 George Georgakas 677
6 Paris Karampas 653
7 Theodora Gal 632
8 Igi Lee 631
Coding Ninjas
CONTACTCOURSES
TERMS OF USE PRIVACY POLICY© Copyright 2019 - All rights reserved.
FISTIKAKI
23rd 755LEADERBOARD HELPCOURSES

6. CONTACTCOURSES
TERMS OF USE PRIVACY POLICY© Copyright 2019 - All rights reserved.
FISTIKAKI
23rd 755LEADERBOARD HELPCOURSES
FISTIKAKI
BASIC INFORMATION
CHANGE PASSWORD
CHANGE AVATAR
MAIL SETTINGS
Preferred Course
UPDATE PROFILE
Full Name
Email Address
Username

7. CheckContinue
Arrays
You have now mastered writting JavaScript code with primitives
(strings, numbers and booleans). But what if you have lots of
data, and you want to group them in a list?
Imagine you want to store things like the various products in a
shopping cart, or the names of your team members, or the tasks in
your to-do list.
In cases like these, Arrays come to the rescue!

8. Check
Choose one of the following answers
A real life analogy for arrays is a:
BOOK CHAIN HOUSE
DRAWER ALL OF THESESHOPING LIST

9. CheckContinue
Choose between True or False
Javascript is an Object Oriented Language
True False

10. CheckContinue
EXAMPLE
var array = ["item1", "item2", "item3"];
EXAMPLE
An array works similarly to a variable, but instead of one value,
it contains multiple values. To declare it we use once again var
(or let, or const). The contents of the array however, are placed
inside a pair of brackets, separated with comas:

11. CheckContinue
EXAMPLE
Inside an array we can store strings, numbers, booleans or even a
combination of primitives:
EXAMPLE
var array = ["A word", 3.45, false];
We can use an array in a similar way to variables:
EXAMPLE
console.log(array2); //["A word", 3.45, false]

12. CheckContinue
] var "red"
"green" [ "blue"
Fill in the blanks in the Text by Drag n’ Drop the following words
Create an Array named colorfulArray that contains in order
the colors red, green, and blue.
Hint: Don't forget that words are strings.
colorfulArray =
;

13. CheckContinueCheckContinueCheckContinueCheckContinueCheckContinue