How is Flutter different for app development Google Developers English Vietnamese

How is Flutter different for app developmentYouTube↗ IA↗(long shot)
Science & Technology 131.1K views 3.5K likes 42 dislikes 17 Sep 2019

Google for Developers 2.7M subscribers United States YouTube↗

Click to Play Video

[MUSIC PLAYING]

MARTIN AGUINIS: Hi. I'm Martin Aguinis from the Flutter team.

Xin chào tôi là Martin Aguinis từ flutter team

In this video, I'm going to discuss

và trong video này tôi sẽ bàn về

what goes on under the hood when you create apps with Flutter

những thứ diễn ra ở bên dưới khi tạo ứng dụng với flutter

and how it's different from other approaches.

và có gì khác với những cách tiếp cận khác

Nowadays, many apps need to run on multiple platforms,

nhiều ứng dụng phải chạy đa nền tảng

like iOS, Android, and the web.

như iOS, Android và web

That's why Google made Flutter--

đó là lí do Google tạo ra flutter

our UI toolkit to build beautiful native apps

một bộ UI toolkit để xây dựng các ứng dụng native đẹp mắt

from a single code base without compromising on quality, speed,

từ một mã nguồn duy nhất mà không cần bận tâm về chất lượng, tốc độ hay hiệu năng

or performance. Let's take a look at how this is possible.

hãy xem thử nó khả thi như thế nào

Flutter renders your app itself, rather than letting

flutter tự render ứng dụng của bạn

the platform do so.

thay vì để nền tảng làm điều đó

This means your app is super fast and responsive

có nghĩa ứng dụng của bạn sẽ rất nhanh và responsive

and can run on whatever platform you'd like.

và có thể chạy trên bất cứ nền tảng nào bạn muốn

There is never any bridge or context

sẽ không bao giờ cần

switch needed to go between your app and the platform.

cầu nối hoặc chuyển đổi ngữ cảnh giữa ứng dụng của bạn và nền tảng

All that Flutter requires of the platform

những gì flutter yêu cầu từ nền tảng là

is a canvas in which to render the widgets so that they

một canvas để render các widget

can appear on the device screen, and access

để chúng có thể hiện thị lên màn hình thiết bị

to events, like finger taps, and to services,

và truy cập đến các event như chạm tay

like the camera and geolocation.

và service như camera và định vị

Let's look at how this contrasts with other ways

hãy xem nó có gì đối lập với những cách khác để xây dựng cho đa nền tảng

to build for different platforms. One option is to build a separate app

một lựa chọn là xây dựng các ứng dụng khác nhau cho mỗi nền tảng

for each platform, which it often involves a separate team for each codebase.

cách này sẽ thường cần một team riêng cho mỗi codebase

In this system, your code can directly

trong hệ thống này

call the built-in platform UI elements,

code có thể gọi trực tiếp đến các thành phần UI có sẵn

but each codebase will be in a different native language.

nhưng mỗi codebase sẽ có ngôn ngữ khác nhau

And your teams will need to ensure consistency between the feature sets in each codebase as the app grows.

và team của bạn phải đảm bảo tính nhất quán giữa các bộ tính năng khi ứng dụng lớn dần

Another approach across platform development

một cách tiếp cận khác với việc lập trình đa nền tảng sử dụng chỉ một codebase

uses only one codebase, but it involves either WebViews,

nhưng nó liên quan đến hoặc là Webviews

in which your app creates HTML and displays it in a web view on the platform, as you can see here,

mà ứng dụng của bạn tạo ra HTML và hiển thị trong Webviews trên nền tảng như bạn có thể thấy ở đây

or building a bridge from code in a common language,

hoặc xây dựng một cầu nối từ code

like JavaScript, to those native UI components,

trong ngôn ngữ thông dụng như JavaScript tới

like buttons and menus.

các native UI component như button và menu

Whenever you access UI elements, which

khi bạn truy cập đến UI element

could be as frequently as 60 times a second

với tần suất có đển đến 60 lần một giây

with actions like swipe animations and transitions,

với các hành động như vuốt animation và chuyển đổi

your apps code has to communicate

code phải giao tiếp với nhau thông qua cầu nối

through a bridge, which may have performance implications.

có thể gây ảnh hưởng đến hiệu năng

As I mentioned before, Flutter eliminates the bridge

như tôi đã nhắc tới trước đó

and moves your rendering into your app.

flutter loại bỏ cầu nối và render thẳng ứng dụng của bạn

Internally, Flutter consists of a framework built with Dart

ở bên trong flutter bao gồm một framework xây dựng bằng dart

and a rendering engine built mostly in C++.

và một rendering engine được xây dựng hầu hết bằng C++

Because everything in the top region is Dart,

vì tất cả mọi thứ ở vùng đầu tiên là Dart

you get a complete stack trace for better debugging,

bạn có thể debug tốt hơn

and you can access and change anything

và bạn có thể truy cập

in all levels of the framework if you want to.

và thay đổi bất cứ thứ gì ở mọi tầng của framework

With Flutter, everything you see on the screen

is called a widget.

mọi thứ bạn thấy ở trên màn hình được gọi là widget

A widget can define a structural element, like a button or menu, a stylistic element,

một widget có thể định nghĩa một structural element như một button hay menu

like a font or color scheme, and even an aspect of layout,

một stylistic element như một font hay mã màu thậm chí về hình dáng của layout như padding

hãy xem qua một đoạn flutter code

Let's take a look at some Flutter code. As you can see, the UI is built by composing widgets

như bạn thấy UI được xây dựng bằng các widget theo phong cách reactive

in the reactive style. Here's what this code produces.

đây là cách tạo ra code

By making use of the functional reactive programming style,

bằng cách dùng phong cách lập trình reactive

Flutter can be efficient about determining which

flutter sẽ có hiệu quả khi

parts of your UI have changed.

xác định phần nào của UI đã thay đổi

This lets you make changes to your apps data and leaf Flutter

cho phép bạn thay đổi dữ liệu ứng dụng

to efficiently rebuild the app.

và giúp flutter rebuild ứng dụng rất hiệu quả

Flutter also comes with a rich collection of premade material

flutter đi kèm một bộ sưu tập đồ sộ

and Cupertino widgets that can be

với pre-made material và cupertino widget có thể tùy chỉnh

customized so you do not need to make widgets from scratch. That Flutter code you were looking at a second ago

nên bạn không cần tự tạo các widget flutter code bạn vừa mới xem

is written with a programming language called

được viết bằng ngôn ngữ lập trình gọi là dart

Dart, which is the secret sauce to a great developer

là một thành phần bí mật để có trải nghiệm lập trình tuyệt vời

dart là một ngôn ngữ đặc biệt

Dart is a special language in that it can be both just-in-time compiled, or jitted, and also

có thể biên dịch just-in-time hoặc là JIT

ahead-of-time compiled.

và cũng biên dịch ahead-of-time

Jitting enables a lightning fast development experience

JIT đem đến trải nghiệm lập trình nhanh như chớp

with a feature called hot reload,

với một tính năng gọi là hot reload

which allows you to see your code changes in less than a second.

cho phép bạn thấy code thay đổi trong ít hơn một giây

When you're ready to release your app to the world,

khi bạn sẵn sàng tra mắt ứng dụng với cả thế giới

it can be ahead-of-time compiled,

nó có thể biên dịch ahead-of-time nghĩa là

which means your app will be fast and responsive for your users. You can get the best of both worlds.

ứng dụng của bạn sẽ nhanh và responsive cho người dùng

So in summary, Flutter allows you to achieve full control over the entire rendering stack, giving you the ability

tổng kết lại flutter cho phép bạn kiểm soát toàn bộ quá trình render

to create beautiful, customizable widgets,

cho khả năng tạo ra các widget đẹp mắt có thể tùy biến

the advantages of reactive use with no bridge, great developer

lợi thế của Reactive views không dùng cầu nối

tools with hot reload, thanks to the ability

trải nghiệm tuyệt vời với hot reload nhờ có JIT dart code

to jit Dart code, fast, smooth, and predictable UI,

UI nhanh mượt và có thể đoán được

since Dart code can compile ahead-of-time to native machine

dart code có thể biên dịch nhanh hơn mã máy

code, deployment to multiple platforms with one codebase,

deploy cho đa nền tảng với một codebase

and a really fun coding experience.

tạo ra trải nghiệm lập trình rất vui vẻ

Flutter is free and open-source, so visit flutter.dev today

flutter miễn phí và là mã nguồn mở

to give it a try. [MUSIC PLAYING]

nên hãy vào flutter.dev để thử ngay hôm nay

Similar videos:

Giải pháp thiết kế từ 2D đến 3D, lập trình gia công trong Một bộ phần mềm của Autodesk
OneCAD Vietnam
63.1K views 18 likes 1 dislikes 12 Oct 202029% match

A Tour of Programming on Khan Academy
Khan Academy Computing
2M views 1.2K likes 79 dislikes 16 Aug 201328% match

6 Reasons why Mac OS was BETTER | iMac G4 in 2020
Dmitry Yarygin Tech
861 views 32 likes 1 dislikes 04 Jul 202028% match

[오목교 전자상가 EP.07] 다나와에 등장한 BTS 온라인 콘서트 전용 PC, 근데 사양이...?? 빅히트가 IT 기술에 돈 퍼붓는 이유 알려드림 / 스브스뉴스
스브스뉴스 SUBUSUNEWS
117K views 1.9K likes 83 dislikes 06 Oct 202027% match

Apple Ditching Intel Macs. Pros and Cons of the Transition
Dmitry Yarygin Tech
786 views 21 likes 1 dislikes 22 Jun 202027% match

SOPORTE para amoladora NUNCA VISTO ANTES !!
That, Dad fix it
25.5K views 546 likes 42 dislikes 17 Jan 202127% match

Mac El Capitan Split Screen and Mission Control
Ceadd L
204.2K views 950 likes 79 dislikes 08 Jun 201527% match

SEO for Single Page Apps | WMConf Lightning Talks
Google Search Central
9.2K views 333 likes 19 dislikes 14 Oct 202027% match

KITTY CHAPTER 12 LEAKS Part 3 - RGCfamily Roblox
RGCfamily
17.1K views 603 likes 17 dislikes 23 Mar 202127% match

직접 들어가 말 걸어봤더니 생긴 일 - 가상현실 제페토 / 스브스뉴스
스브스뉴스 SUBUSUNEWS
708.3K views 7.4K likes -1 dislikes 16 Jan 202127% match

본격 일러스트 그리기 전 무조건 마스터해야 할 것! (feat. 타블렛 세팅법)
Coax Illust
325.5K views 14.4K likes 0 dislikes 19 Feb 202027% match

What is Lark?
Lark
4.5K views 45 likes 0 dislikes 03 Feb 202027% match

TODO Android App Engineer @ Google 1
Udacity
32.7K views 315 likes 7 dislikes 06 Jun 201627% match

How to Draw a Water Drop With Colors
Fine Art-Tips
473K views 9.7K likes 135 dislikes 25 Jun 201326% match

What’s Underneath?!?! - Oniri Creations - Custom Case
BAM Collectibles
2.8K views 68 likes 4 dislikes 21 May 201926% match

10 strategies to become a successful YouTuber!
Yoo Dong Mo TV-Lee Seon-kyeong Instructor
6.6K views 5 likes 0 dislikes 03 Apr 202026% match

LEGO Steampunk Walking Ship (Strandbeest)
JK Brickworks
3.8M views 44.8K likes 751 dislikes 17 Jun 201326% match

Road Trip Europe (Hamburg to Copenhagen) | From Germany To Denmark by Car | RoamerRealm
RoamerRealm
877 views 51 likes 3 dislikes 30 Sep 201926% match

0 views 0 likes 0 dislikes 06 Jun 202626% match

How Your Dog Can Protect You Before You're Born
MinuteEarth
3.9M views 53.5K likes 970 dislikes 07 Jan 201426% match

✅ How To Add Custom Actions on your iPhone | iPhone Tips| Michael Joseph
Michael Joseph Jr.
1.5K views 26 likes 5 dislikes 12 Apr 202026% match

Simple ImageView
Udacity
150K views 82 likes 1 dislikes 26 May 201526% match

Cum sa extragi natural , calciu benefic pentru sanatatea ta si a plantelor din cojile de ou
Tibi Tips
12.1K views 911 likes 8 dislikes 20 Feb 202126% match

网络广告 | 为什么广告总是如影随形？
百葉窗Blinds頻道
1.3K views 11 likes 2 dislikes 28 Oct 202026% match

BAKEEY F35 - BLUETOOTH CALL SMART WATCH - UNBOXING REVIEW
Fredy Us
22.4K views 356 likes 10 dislikes 01 Sep 202026% match

침침한 눈(노안)을 막아주는 놀라운 열매 // 직접 먹어봄 // 제대로 먹는법 // CC자막(O)
CDMAC Dr.Lee
1.9K views 91 likes 2 dislikes 20 Nov 202026% match

TextView Text Size
Udacity
246.3K views 123 likes 0 dislikes 26 May 201526% match

Pi Brainstorm App
Pi Network
78.3K views 3.9K likes 120 dislikes 11 Jan 202126% match

TODO Android App Engineer @ Google 2
Udacity
17.8K views 171 likes 6 dislikes 06 Jun 201626% match

1,000,000 AMP CAPACITOR BANK EXPLOSIONS!
Hacksmith Industries
1.6M views 19.9K likes 1K dislikes 17 May 201826% match

Settings Privacy About Contact Donate