Flutter Web: Create A Responsive Sleek Developer Portfolio

Flutter Web: Create A Responsive Sleek Developer Portfolio, available at $54.99, has an average rating of 4.25, with 105 lectures, based on 102 reviews, and has 583 subscribers.

You will learn about 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 This course is ideal for individuals who are If you are interested in web development and wanted to try building one without HTML, CSS, or Javascript or If you have mobile development in Flutter and want to expand your skills as a web developer or If you are a traditional web developer, and you want to try creating a website in another way It is particularly useful for If you are interested in web development and wanted to try building one without HTML, CSS, or Javascript or If you have mobile development in Flutter and want to expand your skills as a web developer or If you are a traditional web developer, and you want to try creating a website in another way.

Enroll now: Flutter Web: Create A Responsive Sleek Developer Portfolio

Summary

Title: Flutter Web: Create A Responsive Sleek Developer Portfolio

Price: $54.99

Average Rating: 4.25

Number of Lectures: 105

Number of Published Lectures: 105

Number of Curriculum Items: 106

Number of Published Curriculum Objects: 106

Original Price: S$119.98

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

If you are interested in web development and wanted to try building one without HTML, CSS, or Javascript
If you have mobile development in Flutter and want to expand your skills as a web developer
If you are a traditional web developer, and you want to try creating a website in another way

Target Audiences

If you are interested in web development and wanted to try building one without HTML, CSS, or Javascript
If you have mobile development in Flutter and want to expand your skills as a web developer
If you are a traditional web developer, and you want to try creating a website in another way

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.

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: How to Fully Make Use of the Course

Lecture 2: Join the Learner's Community

Chapter 2: Setup and Installation

Lecture 1: Prerequisites for Flutter Web Development and This Course

Lecture 2: Mac Install Flutter

Lecture 3: Mac Flutter Web Config

Lecture 4: Windows Install Flutter

Lecture 5: Windows Flutter Web Config (with Visual Studio Code Install)

Lecture 6: Visual Studio Configurations (VSCode) and Extensions

Lecture 7: Important: Use Flutter Master Channel

Lecture 8: Article on Flutter Updates Using Master Channel

Lecture 9: VSCode Extensions and Configurations Links

Chapter 3: Simple Layout of Flutter Web

Lecture 1: Create First Flutter Web Layout

Lecture 2: Make WebPage Scrollable

Lecture 3: Layout of Flutter Portfolio

Lecture 4: Reposition Text Block

Lecture 5: Google Fonts Resources

Lecture 6: Introduction to Google Fonts

Lecture 7: Visbug Resources

Lecture 8: Introduction to Visbug

Lecture 9: Decorate Button

Lecture 10: Responsive Design – Desktop

Lecture 11: Refactor Desktop View into Separate Sections

Lecture 12: Migrate to new Material Buttons

Lecture 13: Resources and Source Code

Chapter 4: Header Section

Lecture 1: Intro to Responsive Builder Package

Lecture 2: Intro to Inspector Mobile Tool

Lecture 3: Intro to Auto Size Text Package

Lecture 4: Introduction to Dart Extensions

Lecture 5: Optional: Create Custom CSS Cursor

Lecture 6: Create Navigation Bar with InkWell Introduction

Lecture 7: Navigation Bar UI Layout

Lecture 8: Intro to Material Drawer

Lecture 9: Create Navbar Responsive

Lecture 10: Decorate Drawer

Lecture 11: Resources and Source Code

Chapter 5: Create a Stunning First Impression

Lecture 1: Canva and LunarPic Resources

Lecture 2: Introduction to Canva, Design Tool

Lecture 3: Create Responsive Images

Chapter 6: Projects Section

Lecture 1: Create Project Layout

Lecture 2: Introduction to Flutter Theme Data Concept

Lecture 3: Create Project Item Layout

Lecture 4: Create Project Item UI

Lecture 5: Implementing Mobile Responsiveness on Projects Section

Lecture 6: Resources and Source Code

Chapter 7: Skills Section

Lecture 1: Refactor Time!

Lecture 2: Overview of Skills Section

Lecture 3: Create Skills Layout

Lecture 4: Introduction to Scroll Controller Flutter Concept

Lecture 5: Create Skills Section UI – Part 1

Lecture 6: Create Skills Section UI – Part 2

Lecture 7: UI Algorithm Challenge with Answer

Lecture 8: Mobile Responsive on Skills Section

Lecture 9: More Refactoring

Lecture 10: Resources and Source Code

Chapter 8: Major Refactor

Lecture 1: Create Reusable Widget: Mobile Desktop View Builder – Part 1

Lecture 2: Create Reusable Widget: Mobile Desktop View Builder – Part 2

Lecture 3: Create Reusable Widget: Desktop View Builder

Lecture 4: Create Reusable Widget: Mobile View Builder

Lecture 5: Resources and Source Code

Chapter 9: Experience Section

Lecture 1: Overview of Experience Section

Lecture 2: About Me in Header Section

Lecture 3: File and Folder Structure for Experience Section

Lecture 4: What You Should Add in Experience Section

Lecture 5: Create UI of Experience Container

Lecture 6: Lay the Layout of Experience Container

Lecture 7: Overview of Mobile Design

Lecture 8: Create Mobile Experience Section UI Design

Lecture 9: Resources and Source Code

Chapter 10: Blog Section

Lecture 1: Overview of Blog Section

Lecture 2: Create UI of Blog Card in Desktop View

Lecture 3: Create UI of Blog Card in Mobile View

Lecture 4: Create Your Own RSS Feed

Lecture 5: Introduction to Future Builder

Lecture 6: Introduction to Future Provider

Lecture 7: Create List of Articles

Lecture 8: Implement Article Data in Blog Card

Lecture 9: Date Formatter for RSS Feed

Lecture 10: Remove HTML Tags from String

Lecture 11: Introduction to Internalisation Package

Lecture 12: How to Create Custom Email Message?

Lecture 13: Introduction to URL Launcher Package

Lecture 14: Add Animation to Buttons

Lecture 15: What is Identity Matrix 4

Lecture 16: Resources and Source Code

Chapter 11: Navigation Interaction

Lecture 1: Overview of Navigation Interaction

Lecture 2: Article: How to Get Position of Widgets

Lecture 3: Positions of Widgets

Lecture 4: Create Back To Top Button

Instructors

Haris Samingan
Developer and Instructor

Rating Distribution

1 stars: 5 votes
2 stars: 7 votes
3 stars: 9 votes
4 stars: 27 votes
5 stars: 54 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu