اموزش مقدماتی فرانت اند HTML/CSS/JavaScript [ پروژه محور ]

این دوره برای افرادی مناسب است که علاقه‌مند به یادگیری برنامه‌نویسی وب هستند و می‌خواهند از صفر شروع کنند. هیچ پیش‌نیازی برای شرکت در این دوره لازم نیست.

محتوای دوره اموزش مقدماتی فرانت اند

این دوره شامل بیش از ۱۰۰ درس است که در آن مباحث زیر را خواهید آموخت:

HTML: ساختار و محتوای صفحات وب
CSS: استایل‌دهی به صفحات وب
JavaScript: تعامل و منطق در صفحات وب

مزایای دوره اموزش مقدماتی فرانت اند

این دوره به صورت آنلاین ارائه می‌شود و شما می‌توانید در هر زمان و مکانی به آن دسترسی داشته باشید.
هیچ پیش‌نیازی برای شرکت در این دوره لازم نیست.
انجام پروژه برای بکارگیری مهارت های کسب شده.
پس از پایان این دوره، شما قادر خواهید بود صفحات وب ساده بسازید، صفحات ساخته شده را برای دستگاه‌های مختلف مناسب‌سازی کنید و به آن ها قابلیت تعامل و منطق بدهید.

این دوره یک فرصت عالی برای یادگیری برنامه‌نویسی وب است. با شرکت در این دوره، شما می‌توانید از صفر برنامه نویسی وب را شروع کنید یا اینکه مهارت‌های خود را به‌ عنوان یک برنامه نویس وب به روز کنید و به یک برنامه‌نویس حرفه‌ای تر تبدیل شوید.

سرفصل های دوره

فصل
1 HTML5

در این بخش با محتوای دوره و برخی مفاهیم کلی مربوط به وب و برنامه نویسی آشنا خواهید شد و همچنین نرم افزار های لازم جهت استفاده از دوره را نصب خواهید نمود. علاوه بر موارد فوق، در این بخش با تعدادی از تگ های کاربردی HTML نیز آشنا خواهید شد.

1

Introduction

0:05:57

2

Let's start

0:11:00

3

Text

0:07:52

4

Link

0:06:24

5

Image

0:03:24

6

List

0:03:32

7

Table

0:03:51

8

Form

0:22:08

9

Layout

0:08:36

فصل
2 CSS3

در این بخش نحوه استفاده از CSS برای استایل دادن به تگ های HTML را خواهید آموخت.

1

How To Add CSS Normalize CSS

0:06:11

2

Basic Selectors

0:07:34

3

Specificity

0:05:06

4

Color

0:04:00

5

Shadow

0:04:14

6

Font

0:07:05

7

CSS Units

0:04:31

8

Text

0:03:56

9

Links

0:05:28

10

Image

0:08:27

11

Icon

0:02:52

12

Border

0:03:33

13

Box Model

0:09:14

14

List

0:05:42

15

Table

0:09:05

16

Form

0:09:38

17

Transition

0:08:53

18

Animation

0:06:44

19

Position

0:05:44

20

Flexbox

0:16:29

21

Grid

0:15:06

22

Responsive CSS

0:08:22

23

CSS Functions

0:08:56

24

Advanced Selectors

0:12:00

فصل
3 بخش اول پروژه

در این بخش با استفاده از HTML و CSS بخش اول پروژه دوره را انجام خواهید داد.

1

Setup: Head Font

0:06:57

2

Header

0:03:21

3

Header: Color

0:01:07

4

Header: Navbar

0:07:09

5

Header: Logo

0:01:03

6

Header: Button

0:03:28

7

Menu: Commenting

0:02:43

8

Menu: Menu

0:05:05

9

Menu: Menu Items

0:08:58

10

Comments

0:09:28

11

About Us

0:05:44

12

Footer

0:05:24

13

Footer: Contact Us

0:08:51

14

Footer: Form

0:08:11

15

Navigation

0:04:44

فصل
4 JavaScript

در این بخش استفاده از زبان برنامه نویسی JavaScript را خواهید آموخت.

1

Setting Up the Development Environment

0:03:23

2

Variables

0:06:11

3

Data Types

0:06:28

4

Object

0:06:06

5

Array

0:02:33

6

Function

0:05:44

7

Operators

0:16:12

8

Conditional Statements: If...else

0:13:20

9

Conditional Statements: Switch...case

0:05:07

10

Loops: For

0:07:38

11

Loops: For...in

0:04:53

12

Loops: For...of

0:03:53

13

Loops: While

0:07:11

14

Objects: Objects

0:13:20

15

Objects: Value vs Reference Types

0:06:24

16

Objects: Built-in Objects

0:14:48

17

Functions: Functions

0:06:24

18

Functions: Arguments

0:08:57

19

Functions: The Rest Operator

0:06:19

20

Functions: Default Parameters

0:05:48

21

Functions: Try and Catch

0:06:43

22

Functions: Local vs Global Scope

0:05:18

23

Functions: Built-in Functions

0:07:13

24

Arrays: Adding Elements

0:04:15

25

Arrays: Removing Elements

0:04:44

26

Arrays: Finding Elements (Primitives)

0:03:23

27

Arrays: Finding Elements (Reference Types)

0:04:54

28

Arrays: Combining and Slicing Arrays / The Spread Operator

0:05:23

29

Arrays: Iterating an Array

0:02:54

30

Arrays: Joining Arrays

0:02:24

31

Arrays: Sorting Arrays (Primitives)

0:13:26

32

Arrays: Testing the Elements of an Array

0:03:49

33

Arrays: Filtering an Array

0:02:09

34

Arrays: Mapping an Array

0:02:38

35

Arrays: Reducing an Array

0:03:18

36

Practice

0

37

The Window Object

0:04:31

38

Selecting Elements

0:04:25

39

Creating, Inserting and Deleting Elements

0:06:46

40

Event Listeners

0:06:25

41

HTTP Requests

0:07:21

42

Practice

0

فصل
5 بخش دوم پروژه

در این بخش با استفاده از زبان برنامه نویسی JavaScript بخش دوم پروژه را انجام خواهید داد.

1

Popup

0:09:25

2

Menu Button

0:10:20

3

Scroll Animation

0:06:17

4

Mapping List Items

0:04:50

5

Form

0:15:32

6

The Next Steps

3:10:00

سوالات متداول

این دوره برای چه کسانی مناسب است؟

این دوره چه مدت طول می‌کشد؟

این دوره ۱۰ ساعته بیش از 100 درس دارد که می‌توانید در هر زمان و مکانی به آن ها دسترسی داشته باشید. سرعت یادگیری شما تعیین می‌کند که این دوره چقدر طول بکشد.

این دوره به چه صورت ارائه می‌شود؟

این دوره به صورت آنلاین ارائه می‌شود و شما می‌توانید در هر زمان و مکانی به آن دسترسی داشته باشید.

آیا برای شرکت در این دوره به پیش‌نیاز خاصی نیاز دارم؟

هیچ پیش‌نیازی برای شرکت در این دوره لازم نیست.

چه چیزهایی در این دوره آموزش داده می شود؟

در این دوره زبان‌های HTML، CSS و JavaScript را یاد خواهید گرفت. فصل اول شامل آموزش صفر تا صد HTML و آموزش مقدماتی CSS بوده و در فصل دوم با زبان CSS به طور کامل آشنا خواهید شد. در فصل سوم نیز با استفاده از این زبان ها یک پروژه انجام خواهید داد. در فصل چهارم زبان جاوا اسکریپت به شما آموزش داده می شود و در فصل آخر نکات آموزش مقدماتی javaScript در پروژه انجام داده شده در فصل سوم اعمال خواهد شد.

مدت دوره :

10:35:59

تعداد جلسات :

آخرین آپدیت :

۱۴۰۳/۰۲/۱۴

قیمت دوره