Responsive Web Design (Themeforest Standard)

Course Content

1. Introduction

1.1 Course Intro

05:20
1.2 Facebook Secret Group
1.3 Environment Setup

08:49

2. HTML5

2.1 HTML Discussions & Structure

10:45
2.2 Tags & Elements

09:53
2.3 Heading & Paragraph

07:04
2.4 Formatting

11:03
2.5 HTML Comments & Quotations

06:20
2.6 Attributes, Links

09:48
2.7 File Path & Images

09:49
2.8 Table

08:29
2.9 Lists

07:45
2.10 Semantic and Non-Semantic Element

08:10
2.11 Block & Inline Elements

06:16
2.12 Forms

28:21
2.13 Audio & Video

03:51
2.14 Embed Youtube & Viemo Video

05:44

3. CSS3 Basic

3.1 CSS Discussions & Syntax

09:41
3.2 Background

10:24
3.3 Colors

06:39
3.4 Border

07:24
3.5 Margin & Padding

07:31
3.6 Height & Width

04:34
3.7 Box model & Box Sizing

09:23
3.8 CSS Comment & Outline

03:49
3.9 Text

06:58
3.10 Fonts

03:24
3.11 ID & Class

10:54
3.12 Lists

03:35
3.13 Table

11:25
3.14 Overflow

05:52
3.15 Display & Visibility

10:29
3.16 Position

24:54
3.17 Position Example (Make Our Flag With Position)

06:59
3.18 Float & Clearfix Hacks

08:39
3.19 Combinicator

11:41
3.20 Icon

08:23
3.21 Pseudo Class

21:23
3.22 Pseudo Elements

07:34
3.23 Transition

06:46
3.24 Example Of Pseduo Element(Before, After)

08:53
3.25 z-index

10:05
3.26 Example: Make A Attractive Button

15:22
3.27 Opacity

06:04
3.28 Rounded Corner & Rounded Image

06:17

4. Small Project 1

5. CSS3 Advance

6. Flexbox

7. GitHub

8. Small Project 2

9. Small Project 3

10. Small Project 4

11. PSD to HTML

11.1 Project Overview

03:29
11.2 Photoshop Basic

05:53
11.3 Image slice

19:19
11.4 PSD to HTML (Part 1 – Layout CSS)

29:15
11.5 PSD to HTML (Part 2 – Header)

26:48
11.6 PSD to HTML (Part 3 – Home section)

31:14
11.7 PSD to HTML (Part 4 – Counter section)

25:44
11.8 PSD to HTML (Part 5 – Destination section)

34:39
11.9 PSD to HTML (Part 6 – Call to action section)

21:30
11.10 PSD to HTML (Part 7 – Boat section)

23:17
11.11 PSD to HTML (Part 8 – Footer)

36:51
11.12 PSD to HTML (Part 9 – Responsive Basic)

18:16
11.13 PSD to HTML (Part 10 – Responsive)

28:43
11.14 PSD to HTML (Part 11 – Responsive)

53:46
11.15 Assignment 1: Practice This PSD to HTML
11.16 Assignment 2: Practice One More PSD to HTML

12. Bootstrap

12.1 Bootstrap Introduction

20:28
12.2 Basic Typography, Image & Table

26:49
12.3 Alert, Badge, Buttons

17:29
12.4 Card, Dropdown, Form

29:53
12.5 Input group, Carousel

17:36
12.6 Bootstrap Breakpoint & Container

11:57
12.7 Grid System

33:33
12.8 Utilities

32:24
12.9 Navbar

32:04
12.10 Tabs & Accordion

24:23
12.11 Modal

12:56

13. Bootstrap Project 1

14. VS Code Special

14.1 VS Code Tips Intro

01:20
14.2 Font, Theme, Icon

03:50
14.3 Changing Keybinding

03:42
14.4 Quick Duplicate

01:48
14.5 Quickly Move Lines Up & Down

01:19
14.6 Minimap

02:41
14.7 Quickly Go To A Line

01:23
14.8 Toggle Sidebar

01:18
14.9 Split Editor

01:37
14.10 Multiple Cursor

01:55
14.11 Code Formatting

04:34
14.12 Nice Looking Comment

04:17
14.13 Image Preview

01:43
14.14 Live Server

02:20
14.15 Some important Extension

09:22

15. Tips

16. Section Development From Themeforest Template

16.1 Navbar & Slide Section

58:51
16.2 Assignment-1: Practice This & 5 More Similar Section

01:31
16.3 Service Section

14:49
16.4 Assignment-2: Practice This & 5 More Similar Section

01:27
16.5 Portfolio Section

38:06
16.6 Assignment-3: Practice This & 5 More Similar Section

01:03
16.7 About Section

28:28
16.8 Assignment-4: Practice This & 5 More Similar Section

01:24
16.9 Blog Section (Part 1)

24:07
16.10 Blog Section (Part 2)

26:03
16.11 Assignment-5: Practice This & 5 More Similar Section

01:27

17. Themeforest Template Project 1

17.1 Themeforest Template – Intro and Basic Setup

25:33
17.2 Themeforest Template – Navbar

31:49
17.3 Themeforest Template – Home

36:08
17.4 Themeforest Template – About

40:01
17.5 Themeforest Template – Service

19:26
17.6 Themeforest Template – Work

32:02
17.7 Themeforest Template – Feature

36:10
17.8 Themeforest Template – Blog

16:08
17.9 Themeforest Template – Footer

34:44
17.10 Themeforest Template – Pricing

42:59
17.11 Themeforest Template – Responsive (Part 1)

34:09
17.12 Themeforest Template – Responsive (Part 2)

39:09
17.13 Themeforest Template – Other pages (About, Services, Pricing)

25:23
17.14 Themeforest Template – Other pages (Blog)

13:53
17.15 Themeforest Template – Other pages (Contact)

30:44
17.16 Assignment-1: Practice This Template
17.17 Assignment-2: Practice One More Template

18. Basic Javascript

18.1 Introduction

15:34
18.2 Variables

16:49
18.3 Operators (Part 1)

11:37
18.4 Operators (Part 2)

13:50
18.5 Operators (Part 3)

06:36
18.6 Data Types

13:47
18.7 Type Conversion

17:09
18.8 Truthy & Falsy Value

08:17
18.9 Array

12:44
18.10 Array Helper Method

12:07
18.11 Function Introduction

07:01
18.12 More about function

13:37
18.13 Conditions

17:34
18.14 Loops

17:02
18.15 map, filter, find, foreach

14:28
18.16 Object Introduction

15:58
18.17 More about object

08:22
18.18 Math object

13:14
18.19 Spread & Rest Operator

23:27

19. jQuery

19.1 jQuery Discussions

05:35
19.2 Syntax & Selector

08:41
19.3 Mouse and Keyboard Event

11:19
19.4 Form and Window Event

09:40
19.5 Get Method

09:51
19.6 Set Method

08:47
19.7 Add Class & Remove Class

05:21
19.8 jQuery CSS

05:08
19.9 Hide, Show, Toggle

05:38
19.10 FadeIn, FadeOut, FadeToggle

03:56
19.11 SlideUp, SlideDown, SlideToggle

04:09
19.12 Width and Height Method

10:55
19.13 Scroll Method

11:47

20. jQuery Plugin

20.1 Wow JS and Animate CSS

19:26
20.2 Type JS

09:23
20.3 Owl Carousel

27:31
20.4 Fancybox

13:28
20.5 ProgressBar

12:38
20.6 Isotope

31:00
20.7 Parallax JS (Matthew Wagerfield)

15:27
20.8 Tilt JS

06:30
20.9 Counter Up

10:39
20.10 Particle JS

25:00

Course Content

1. Introduction

1.1 Course Intro

1.2 Facebook Secret Group

1.3 Environment Setup

2. HTML5

2.1 HTML Discussions & Structure

2.2 Tags & Elements

2.3 Heading & Paragraph

2.4 Formatting

2.5 HTML Comments & Quotations

2.6 Attributes, Links

2.7 File Path & Images

2.8 Table

2.9 Lists

2.10 Semantic and Non-Semantic Element

2.11 Block & Inline Elements

2.12 Forms

2.13 Audio & Video

2.14 Embed Youtube & Viemo Video

3. CSS3 Basic

3.1 CSS Discussions & Syntax

3.2 Background

3.3 Colors

3.4 Border

3.5 Margin & Padding

3.6 Height & Width

3.7 Box model & Box Sizing

3.8 CSS Comment & Outline

3.9 Text

3.10 Fonts

3.11 ID & Class

3.12 Lists

3.13 Table

3.14 Overflow

3.15 Display & Visibility

3.16 Position

3.17 Position Example (Make Our Flag With Position)

3.18 Float & Clearfix Hacks

3.19 Combinicator

3.20 Icon

3.21 Pseudo Class

3.22 Pseudo Elements

3.23 Transition

3.24 Example Of Pseduo Element(Before, After)

3.25 z-index

3.26 Example: Make A Attractive Button

3.27 Opacity

3.28 Rounded Corner & Rounded Image

4. Small Project 1

4.1 Making A Simple Navbar

5. CSS3 Advance

5.1 Gradient

5-2 Shadow

5-3 – Custom Font

5.4 Transform

5.5 Animation

5.6 Animation Example

5.7 Max-Width & Max-Height

5.8 Responsive & Media Query

6. Flexbox

6.1 Flexbox Overview

6.2 Flex-direction

6.3 Flex-wrap

6.4 Justify-content

6.5 Align-items

6.6 Flex order

6.7 Flex-basis

6.8 Flex-grow

6.9 Card based layout

7. GitHub

7.1 Github Introduction

7.2 Repository

7.3 How To Submit Assignment

8. Small Project 2

8.1 Make A Complete Navbar

8.2 Assignment: Make A Similar Navbar

9. Small Project 3

9.1 Make A Contact Form

9.2 Assignment: Practice This Form