Mô tả

Have you discovered Flutter and enjoyed the experience creating fast and beautiful apps? However, you want to create a website but do not want to learn another web framework or language? Well, this course Create A Beautiful Developer Portfolio, is for you!

Flutter is not only great at creating fast and beautiful apps, it is now venturing into websites and desktops. Therefore, Flutter would be an excellent framework where you code once and build anywhere.

The course includes 7+ hours of HD video tutorials and build your programming knowledge while making a sleek looking portfolio website for prospective recruiters and employers.

By the end of this course, you will be ready to build your own fantastic looking Flutter Web websites and become a fully fledged Flutter developer.

Sign up today, and look forward to:

  • Over 7 hours of HD video content, everything you will ever need to create a clean looking portfolio


  • Building a website that use Firebase Hosting, FutureBuilder, Cards, Responsive Design, your own RSS Feed and so many more


  • All the knowledge you need to start building any website you want

Level up to be A Flutter Web Developer with This Course

So by the end of the course, you'll understand:

  • Fundamental concepts in Flutter e.g. Widget tree, state management, animations, theme data and many more


  • Fundamental programming concept in Dart e.g variables, constants, finals, lists, maps, futures and many more


  • Responsive Design: How to make use of MediaQuery and Responsive builders to build for screens as big as 1080p to as small as an iPhone SE screen

  • RSS Feed: you are able to update your blog sections using RSS feed and Medium as a blog source

Don't just take my word for it, see what my past students had to say about my courses:

"First of all, hands off to the Instructor for making the course so lively and understandable. As a beginner, I didn't expect to understand the concept so well. Also, the assignments given have helped a lot to self-evaluate myself. Overall...a great experience!" - Ash

"Haris is covering stuff that you won't find in other Flutter courses. He does so in a funny, engaging way. Pretty advanced stuff but easy to understand. Amazing how much he knows about Flutter and how well he delivers it." - Willard Jansen

"I thought the course was great." - JW Truver

"Yes, the way you present the class is great. The examples that you use to compare real life situations with programming is the one which I found the most engaging. As a beginner, I was able to understand about programming concepts better than I imagined. Thank you for that!" - Aiswarya Deepak

"He's fast, funny, and straight to the point." - Jeffrey Heisler

Bạn sẽ học được gì

Build a Complete, Real World Website with Flutter Web and Firebase

Build beautiful, fast and good quality website with Flutter Web

Build a sleek portfolio to impress any recruiter

Become proficient in one of the fastest growing technologies

Build a website without learning HTML, CSS and Javascript

Yêu cầu

  • A computer
  • Have at least 10 GB of free space in your computer
  • All software or programmes used in this course is free to download and install
  • Internet, that connects your computer to the world wide web (WWW)

Nội dung khoá học

14 sections

Introduction

2 lectures
How to Fully Make Use of the Course
02:40
Join the Learner's Community
00:37

Setup and Installation

9 lectures
Prerequisites for Flutter Web Development and This Course
01:02
Mac Install Flutter
07:28
Mac Flutter Web Config
04:56
Windows Install Flutter
11:06
Windows Flutter Web Config (with Visual Studio Code Install)
07:33
Visual Studio Configurations (VSCode) and Extensions
12:11
Important: Use Flutter Master Channel
01:33
Article on Flutter Updates Using Master Channel
00:06
VSCode Extensions and Configurations Links
00:08

Simple Layout of Flutter Web

13 lectures
Create First Flutter Web Layout
09:58
Make WebPage Scrollable
06:02
Layout of Flutter Portfolio
09:45
Reposition Text Block
01:44
Google Fonts Resources
00:04
Introduction to Google Fonts
03:33
Visbug Resources
00:04
Introduction to Visbug
04:08
Decorate Button
03:09
Responsive Design - Desktop
01:45
Refactor Desktop View into Separate Sections
04:45
Migrate to new Material Buttons
02:31
Resources and Source Code
00:02

Header Section

11 lectures
Intro to Responsive Builder Package
05:34
Intro to Inspector Mobile Tool
04:43
Intro to Auto Size Text Package
06:46
Introduction to Dart Extensions
07:50
Optional: Create Custom CSS Cursor
07:41
Create Navigation Bar with InkWell Introduction
10:48
Navigation Bar UI Layout
10:04
Intro to Material Drawer
04:05
Create Navbar Responsive
05:40
Decorate Drawer
04:39
Resources and Source Code
00:00

Create a Stunning First Impression

4 lectures
Canva and LunarPic Resources
00:03
Introduction to Canva, Design Tool
09:04
Create Responsive Images
07:27
Show your creativity!
1 question

Projects Section

6 lectures
Create Project Layout
06:15
Introduction to Flutter Theme Data Concept
04:25
Create Project Item Layout
05:02
Create Project Item UI
08:45
Implementing Mobile Responsiveness on Projects Section
06:47
Resources and Source Code
00:00

Skills Section

10 lectures
Refactor Time!
04:29
Overview of Skills Section
01:02
Create Skills Layout
06:00
Introduction to Scroll Controller Flutter Concept
03:23
Create Skills Section UI - Part 1
10:46
Create Skills Section UI - Part 2
03:38
UI Algorithm Challenge with Answer
04:58
Mobile Responsive on Skills Section
09:37
More Refactoring
03:59
Resources and Source Code
00:00

Major Refactor

5 lectures
Create Reusable Widget: Mobile Desktop View Builder - Part 1
08:01
Create Reusable Widget: Mobile Desktop View Builder - Part 2
08:32
Create Reusable Widget: Desktop View Builder
07:24
Create Reusable Widget: Mobile View Builder
05:31
Resources and Source Code
00:00

Experience Section

9 lectures
Overview of Experience Section
00:47
About Me in Header Section
01:12
File and Folder Structure for Experience Section
05:59
What You Should Add in Experience Section
04:16
Create UI of Experience Container
06:23
Lay the Layout of Experience Container
05:31
Overview of Mobile Design
04:00
Create Mobile Experience Section UI Design
06:25
Resources and Source Code
00:00

Blog Section

16 lectures
Overview of Blog Section
00:42
Create UI of Blog Card in Desktop View
14:26
Create UI of Blog Card in Mobile View
02:47
Create Your Own RSS Feed
07:41
Introduction to Future Builder
10:09
Introduction to Future Provider
04:09
Create List of Articles
05:50
Implement Article Data in Blog Card
02:52
Date Formatter for RSS Feed
00:03
Remove HTML Tags from String
00:07
Introduction to Internalisation Package
03:52
How to Create Custom Email Message?
00:01
Introduction to URL Launcher Package
03:45
Add Animation to Buttons
08:20
What is Identity Matrix 4
00:00
Resources and Source Code
00:00

Navigation Interaction

9 lectures
Overview of Navigation Interaction
01:01
Article: How to Get Position of Widgets
00:02
Positions of Widgets
07:46
Create Back To Top Button
09:15
Add Positions to Navigation Items
06:05
Introduction to Multi Provider
09:11
Using Scroll Controller to Navigate Around
08:05
Refactorr Time!
03:23
Resources and Source Code
00:00

Footer Section

6 lectures
Overview of Footer Section
00:50
Create Layout of Footer
09:15
Introduction to Font Awesome Package
03:13
Create UI of Footer Desktop View
04:05
Create UI of Footer Mobile View
04:01
Resources and Source Code
00:00

Publish Live using Firebase Hosting

4 lectures
Add Firebase Hosting to Flutter Web
10:48
Add Custom Domain to Portfolio Web
06:15
'Before Deployment' Checks
02:28
Resources and Source Code
00:00

Next Steps

2 lectures
Share Your Portfolio
00:24
Your Feedback is Important!
00:15

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.