Frontend diploma

Frontend diploma

Beginner 5(1 Ratings) 2540 Students enrolled English
Created by Mohamed Amr
Last updated Mon, 03-Apr-2023
+ View more
Course overview

Frontend diploma

What will i learn?

  • Frontend diploma
Requirements
  • nothing
Curriculum for this course
281 Lessons 115:50:16 Hours
session 1 < intro>
3 Lessons 02:00:26 Hours
  • welcome video
    00:20:34
  • 2 - content
    00:18:48
  • 3 - open discussion
    01:21:04
session 2 < html >
11 Lessons 01:50:13 Hours
  • 1 - registration
    00:08:48
  • 2 - enviromint
    00:15:34
  • 3 - intro to html
    00:12:51
  • 4 - html heading
    00:12:29
  • 5 - html paragraph
    00:10:40
  • 6 - html comment
    00:03:24
  • 7 - a tag
    00:06:28
  • 8 - a attributes
    00:07:38
  • 9 - file path
    00:09:24
  • 10 - img tag
    00:12:20
  • 11 - task
    00:10:37
session 3 < html >
11 Lessons 01:48:56 Hours
  • intro to list
    00:16:06
  • 2 - list item
    00:03:25
  • 3 - table
    00:10:47
  • 4 - table task
    00:01:24
  • 5 - table head
    00:02:45
  • 6 - iframe
    00:10:15
  • 7 - style attr
    00:03:54
  • 8 - form
    00:17:27
  • 9 - form with table
    00:10:57
  • 10 - discussion
    00:28:38
  • 11 - task
    00:03:18
session 4 <html and git>
10 Lessons 02:23:00 Hours
  • 1 - tasks
    00:40:28
  • 2 - text formatting
    00:07:42
  • 3 - div
    00:03:25
  • 4 - meta tags
    00:11:38
  • 5 - semantic tags
    00:14:25
  • 6 - meta http equiv
    00:04:44
  • 7 - video and audio
    00:07:58
  • 8 - intro to git
    00:14:52
  • 9 - git add and commit
    00:33:29
  • 10 - task
    00:04:19
session 5 < css>
13 Lessons 02:30:10 Hours
  • 1 - tasks
    00:06:56
  • 2 - intro to css
    00:08:04
  • 3 - css inline
    00:04:04
  • 4 - css id
    00:13:22
  • 5 - css class
    00:03:58
  • 6 - css external
    00:08:28
  • 7 - css task
    00:00:46
  • 8 - css width and height
    00:08:07
  • 9 - css margin
    00:36:35
  • 10 - padding
    00:11:49
  • 11 - padding and margin
    00:19:21
  • 12 - display
    00:16:24
  • 13 - task
    00:12:16
session 6 < css>
9 Lessons 02:14:14 Hours
  • 1 - first task
    00:34:00
  • 2 - second task
    00:36:16
  • 3 - discussion
    00:08:24
  • 4 - border and outline
    00:11:50
  • 5 - task
    00:01:22
  • 6 - task part 2
    00:20:56
  • 7 - overflow
    00:08:56
  • 8 - float
    00:08:45
  • 9 - task
    00:03:45
session 7 < css>
10 Lessons 02:21:20 Hours
  • 1 - task
    00:10:13
  • 2 - task
    00:59:13
  • 3 - clear
    00:08:27
  • 4 - hover
    00:05:11
  • 5 - position fixed
    00:11:31
  • 6 - position absolute and relative
    00:12:27
  • 7 - position example
    00:11:09
  • 8 - overflow fix margin
    00:08:30
  • 9 - overflow auto fix float
    00:09:07
  • 10 - task
    00:05:32
session 8 < css>
10 Lessons 01:58:34 Hours
  • 1 - task
    00:08:18
  • 2 - font awsome
    00:15:42
  • 3 - font family and google font
    00:09:12
  • 4 - font part 2
    00:14:26
  • 5 - task
    00:01:00
  • 6 - task part 2
    00:21:18
  • 7 - text transform
    00:08:48
  • 8 - colors
    00:06:13
  • 9 - git
    00:30:55
  • 10 -task
    00:02:42
session 9 < css>
8 Lessons 02:47:19 Hours
  • 1 - pesoudo class
    00:22:21
  • 2 - pesoudo element
    00:07:01
  • 3 - units
    00:14:46
  • 4 - units part 2 rem
    00:03:01
  • 5 - combinators
    00:10:28
  • 6 - task
    00:31:56
  • 7 - project life cycle
    01:09:21
  • 8 - task
    00:08:25
session 10 < css>
13 Lessons 01:43:03 Hours
  • 1 - css3
    00:07:55
  • 2 - round courners
    00:10:55
  • 3 - vendor prefix
    00:10:27
  • 4 - task
    00:02:03
  • 5 - task part 2
    00:03:48
  • 6 - transform and transition
    00:17:48
  • 7 - task
    00:13:30
  • 8 - transform translate
    00:13:40
  • 9 - transform skew
    00:03:19
  • 10 - transform matrix
    00:03:36
  • 11 - task
    00:00:14
  • 12 - task
    00:10:29
  • 13 - task
    00:05:19
session 11 < css>
7 Lessons 02:42:47 Hours
  • 1 - task one
    00:30:52
  • 2 - second task
    00:39:18
  • 3 - discussion
    00:24:06
  • 4 - transform 3d
    00:22:46
  • 5 - animation
    00:16:08
  • 6 - box sizing
    00:08:31
  • 7 -css var
    00:21:06
session 12 < css>
8 Lessons 02:20:52 Hours
  • 1 - task
    00:20:57
  • 2 - navbar
    00:29:42
  • 3 - task
    00:03:01
  • 4 - flex parent
    00:21:46
  • 5 - flex parent part 2
    00:22:26
  • 6 - flex child
    00:20:55
  • 7 - media
    00:20:40
  • 8 - task
    00:01:25
session 13 < template>
3 Lessons 02:54:46 Hours
  • part 1
    01:19:57
  • part 2
    00:32:03
  • part 3
    01:02:46
session 14 < template>
7 Lessons 02:40:03 Hours
  • part 1
    00:21:45
  • part 2
    00:18:23
  • part 3
    00:29:10
  • part 4
    00:32:04
  • part 5
    00:17:06
  • part 6
    00:13:52
  • part 7
    00:27:43
session 15 < template>
5 Lessons 02:49:57 Hours
  • part 1
    00:30:36
  • part 2
    01:05:44
  • part 3
    00:10:23
  • part 4
    00:25:02
  • part 5
    00:38:12
session 16 < template>
5 Lessons 01:37:33 Hours
  • part 1
    00:15:26
  • part 2
    00:13:26
  • part 3
    00:26:04
  • part 4
    00:22:47
  • part 5
    00:19:50
session 17 < template>
3 Lessons 00:52:36 Hours
  • part 1
    00:52:36
  • part 2
    00:00:00
  • part 3
    00:00:00
session 18 < js>
4 Lessons 01:54:45 Hours
  • 1 - intro to programming
    01:14:28
  • 2 - typeof js
    00:07:29
  • 3 - if condition
    00:26:23
  • 4 - task
    00:06:25
session 19 < js>
6 Lessons 01:39:46 Hours
  • 1 - js with html
    00:34:13
  • 2 - else if
    00:33:38
  • 3 - task
    00:10:16
  • 4 - switch
    00:12:03
  • 5 - task
    00:07:19
  • 6 - task
    00:02:17
session 20 < js>
8 Lessons 01:15:15 Hours
  • 1 - task
    00:08:22
  • 2 - while loop
    00:24:37
  • 3 - while task
    00:01:02
  • 4 - for
    00:07:31
  • 5 - do while
    00:05:07
  • 6 - function
    00:20:24
  • 7 - task
    00:05:55
  • 8 - task
    00:02:17
session 21 < js>
6 Lessons 01:17:26 Hours
  • 1 - function void and return
    00:20:26
  • 2 - event with function
    00:23:09
  • 3 - example
    00:19:58
  • 4 - task
    00:02:18
  • 5 - task
    00:09:56
  • 6 - task
    00:01:39
session 22 < js>
4 Lessons 01:25:48 Hours
  • 1 - array
    00:20:23
  • 2 - array task
    00:18:33
  • 3 - object
    00:21:27
  • 4 - object with todo
    00:25:25
session 23 < js>
4 Lessons 01:41:35 Hours
  • 1 - task
    00:08:54
  • 2 - show function
    00:35:48
  • 3 - delete function
    00:18:56
  • 4 - update function
    00:37:57
session 24 < js>
10 Lessons 01:52:50 Hours
  • 1 - discussion
    00:22:22
  • 2 - dom get and set
    00:22:00
  • 3 - task
    00:14:28
  • 4 - classlist
    00:08:21
  • 5 - task
    00:01:29
  • 6 - task
    00:07:10
  • 7
    00:14:49
  • 8 - set attribute
    00:10:32
  • 9 - attribute
    00:08:39
  • 10 - tasks
    00:03:00
session 25 < js>
9 Lessons 01:31:43 Hours
  • 1 - localstorage
    00:18:14
  • 2 - scroll
    00:18:54
  • 3 - task
    00:02:35
  • 4 - settime and setinterval
    00:08:33
  • 5 - onpaste and onfoucs
    00:06:51
  • 6 - addeventlistner
    00:11:06
  • 7 - addeventlistner part 2
    00:06:25
  • 8
    00:13:32
  • 9 - task
    00:05:33
session 26 < js>
2 Lessons 01:19:26 Hours
  • part 1
    01:14:29
  • part 2
    00:04:57
session 27 < js>
3 Lessons 02:36:26 Hours
  • part 1
    01:26:26
  • part 2
    00:28:46
  • part 3
    00:41:14
session 28 < js>
8 Lessons 02:17:48 Hours
  • 1- show and hide password
    00:09:37
  • 2- show and hide password
    00:09:32
  • 3 - validation
    00:14:07
  • 4 - string function
    00:02:21
  • 5 - string length
    00:07:44
  • 6 - discussion
    00:52:54
  • 7 - for example
    00:29:16
  • 8 - task
    00:12:17
session 29 < js>
5 Lessons 02:38:48 Hours
  • 1 - task
    00:19:45
  • 2 - task
    00:43:00
  • 3 - ajax
    00:52:17
  • 4 - ajax and json
    00:38:32
  • 5 - task
    00:05:14
session 30 < js>
5 Lessons 02:32:52 Hours
  • 1 - task
    00:21:30
  • 2 - fetch user from github api
    00:44:09
  • 3 - fetch task
    00:17:13
  • 4 - fetch task part 2
    01:06:27
  • 5 - task
    00:03:33
session 31 < js>
3 Lessons 01:49:53 Hours
  • part 1
    00:36:32
  • part 2
    00:31:54
  • part 3
    00:41:27
session 32 < js>
7 Lessons 02:29:19 Hours
  • 1 - oop
    00:41:20
  • 2 - factory method
    00:22:55
  • 3 - construct
    00:23:44
  • 4 - prototype
    00:14:25
  • 5 - class
    00:20:44
  • 6 - class calculator
    00:24:56
  • 7 - task
    00:01:15
session 33 < js>
9 Lessons 02:49:29 Hours
  • 1 - prototype base inhert
    00:59:42
  • 2 - class inhert
    00:12:03
  • 3
    00:19:53
  • 4 - hoisting
    00:32:45
  • 5 - hoisting function
    00:03:58
  • 6
    00:01:22
  • 7 - const
    00:06:00
  • 8 - arrow function
    00:31:28
  • 9 - task
    00:02:18
session 34 elzero meeting
1 Lessons 01:44:07 Hours
  • meeting
    01:44:07
session 35 < js>
5 Lessons 02:27:26 Hours
  • 1 - js promise
    01:07:30
  • 2 - map
    00:19:32
  • 3 - for in and of
    00:32:04
  • 4 - map
    00:06:03
  • 5
    00:22:17
session 36 < jquery>
1 Lessons 02:35:14 Hours
  • part 1
    02:35:14
session 37 < jquery>
2 Lessons 02:28:41 Hours
  • part 1
    01:17:51
  • part 2
    01:10:50
session 38 < bootstrap>
1 Lessons 02:24:39 Hours
  • part 1
    02:24:39
session 39 < project>
6 Lessons 01:49:15 Hours
  • part 1
    00:00:00
  • part 2
    00:29:46
  • part 3
    00:17:09
  • part 4
    00:13:32
  • part 5
    00:34:14
  • part 6
    00:14:34
session 40 < pwa>
1 Lessons 01:38:38 Hours
  • part 1
    01:38:38
session 41 < project>
5 Lessons 02:38:23 Hours
  • part 1
    00:41:10
  • part 2
    00:28:49
  • part 3
    00:28:50
  • part 4
    00:43:02
  • part 5
    00:16:32
session 42 < react>
1 Lessons 02:14:04 Hours
  • part 1
    02:14:04
session 43 < react>
1 Lessons 02:16:40 Hours
  • part 1
    02:16:40
session 44 < react>
1 Lessons 01:55:03 Hours
  • part 1
    01:55:03
session 45 < react>
1 Lessons 01:42:33 Hours
  • part 1
    01:42:33
session 46 < react>
1 Lessons 02:10:23 Hours
  • part 1
    02:10:23
session 47 <react>
1 Lessons 02:15:50 Hours
  • part 1
    02:15:50
session 48 < react>
1 Lessons 02:06:12 Hours
  • part 1
    02:06:12
session 49 < react>
1 Lessons 02:02:57 Hours
  • part 1
    02:02:57
session 50 < react>
1 Lessons 01:29:01 Hours
  • part 1
    01:29:01
session 51 < project>
21 Lessons 11:02:12 Hours
  • part 1
    00:51:47
  • part 2
    00:18:36
  • part 3
    00:56:51
  • part 4
    00:16:39
  • part 5
    00:18:40
  • part 7
    00:11:31
  • part 8
    00:21:41
  • part 9
    00:11:52
  • part 10
    00:19:07
  • part 11
    00:50:05
  • part 12
    00:56:28
  • part 13
    00:20:32
  • part 14
    00:36:37
  • part 15
    00:09:18
  • part 16
    00:23:49
  • part 17
    00:53:51
  • part 18
    00:45:27
  • part 19
    00:03:23
  • part 20
    00:43:38
  • part 21
    00:37:54
  • part 22
    00:54:26
+ View more
Other related courses
05:38:48 Hours
Angular 9
Updated Mon, 03-Apr-2023
5 3216 Free
85:20:45 Hours
Full Stack Diploma
Updated Mon, 03-Apr-2023
5 6805 Free
212:44:26 Hours
full stack diploma plus
Updated Wed, 27-Sep-2023
5 6923 Free
20:05:12 Hours
react js
Updated Mon, 03-Apr-2023
0 2605 Free
01:38:40 Hours
js plugins
Updated Mon, 03-Apr-2023
0 1579 Free
About instructor

Mohamed Amr

Founder at Itrax

78 Reviews | 15455 Students | 17 Courses
Student feedback
5
1 Reviews
  • (0)
  • (0)
  • (0)
  • (0)
  • (1)

Reviews

  • fady hany
Preview this course
Free
Get enrolled
Includes: