Уроки Flutter и Dart с нуля / #1 - Разработка мобильных приложений для начинающих

Представляю вам курс по изучению фреймворка Flutter и языка программирования Dart для начинающих с нуля. В ходе уроков мы изучим построение проектов на основе Dart, научимся создавать интерфейсы за счет Flutter и к концу курса разработаем несколько проектов с дизайном и функционалом.
✅ Полезные ссылки:
- Курс по React Native: itproger.com/course/react-native
- Курс по Flutter: itproger.com/course/flutter-dart
- Официальный сайт Dart: dart.dev/
- Visual Studio Code: code.visualstudio.com/
⏰ Тайм-коды:
00:00 - Начало
00:38 - Flutter - что это такое?
01:05 - Что такое Dart?
02:03 - Почему Flutter крут?
03:21 - На что способен Flutter?
03:52 - Сравнение с React Native
04:40 - План курса
06:00 - Установка среды разработки
08:30 - Настройки проекта
09:00 - Создание проекта
11:07 - Запуск проекта
12:21 - Структура проекта
17:16 - Вывод информации
18:48 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

[@gosha_dudar]

Ну что же, давайте наконец сравним на примерах что круче: React Native или же Flutter 😁

[@ridbrain]

Еее 🤟

[@user-ms8ei9le7x]

The .java 👍

[@darikaki647]

Конечно flutter, он по быстрее и для меня лучше (он на Дарте, там указывается явный статичный тип)

[@Hrachik333]

@@darikaki647 flutter крут на нем легко создать мультиплатформеную приложение которая будет работать во всех 3-ох ОС + мобильные устройство. К примеру Java тоже хорош он мощный язык программирование и тоже может запускаться на 3 ОС но вот собрать для мобильных ОС есть свои заморочки (имею введу iOS)/ А тут сразу тебя для всех ОС с запускающим файлом.

[@user-fg6un4ho9z]

@@darikaki647 Вы забываете главную вещь. Приложение на флатер придется обновлять пользователю по мере выхода новых версий, а на SPA нет, что очень удобно не только пользователю, но и разработчику. Скажете это полная ерунда, а теперь представьте, что вам нужно поменять бэкенд, все не обновленные приложения на флатер повалились, а на SPA все нормально. Например Вы в беде, вы пытаете вызвать помощь, а вам говорят обновите приложение, а у вас соображает только палец нажать одну кнопку, это для вас лучше?

[@user-oo4zm9yk6v]

Просто, без воды, понятно... БЛАГОДАРЮ :)

[@ketyrozlj]

Вот за flutter & dart реально огромнейшее спасибо! Это то, что давно искал и то, что тебе точно стоило выпустить)

[@coffeebydny393]

App Brewery & Schwartzmüller

[@lucefan2816]

Вы уже изучили дарт? Есть успехи?

[@romanibragimov7337]

Обалдеть! Такие крутые курсы и это всё бесплатно. Автор канала, большое Вам спасибо за этот труд!

[@xSPESHERx]

Какой труд?) Все курсы, код, и тд.. всё спизжено у иностранных авторов.

[@romanibragimov7337]

@@xSPESHERx ого, внезапный ответ на комментарий, который оставил 7 месяцев; что ж не отрицаю этого

[@roniblade]

@@xSPESHERx какая разница? зачем ныть про то, что взято у иностранцев? У нас большая часть населения английский ни бубу. Адаптация на русский тоже труд, чувак) не такой большой, но все же спасибо ему сказать стоит хотя бы за перевод

[@MultiPalaz]

@@roniblade это плагиат (воровство). Необходимо давать явные и заметные ссылки на источники, из которых берется код или какие видео переводятся. Странно что ютуб не банит этот канал...

[@roniblade]

@@MultiPalaz да какая блин разница, вот скажи мне одну вещь: у тебя много на компе лицензионных прог? Если нет, то ты щас идешь на поводу у других ютуберов, которые обсирают данного чела. Я ему благодарен как человек, который не может с удобством юзать английские источники. Он это адаптировал для меня. А чей это был видос как то все равно... я бы его итак не смотрел. Ладно б если он воровал у своих, за это осуждаю сам. Но тут он адаптировал и за это спасибо

[@rucodinger]

Спасибо огромное! Замечательный курс! Здоровья вам, и счастья☺

[@rus_dos]

Супер, удачная тематика. Все коротко и ясно.👍🏻👍🏻👍🏻

[@root192]

Дай бог здоровья и счастья Вам! Спасибо от всей души! Большая благодарность!!!

[@olgaberezhnaia9348]

Урок-огонь!!! Жду следующих)

[@user-fk7ry4fc8t]

Гоша спс за курсы!!! Рубрика разные создавать приложения на flutter думаю многим бы зашла

[@romanbutler156]

Спасибо большое за курс!

[@tuqinator]

Оч интересно! Сохранил к себе в закладки)

[@alikhankhatuev1839]

Наконец то, дождались)

[@artem-ai]

Огонь информация! Спасибо большое.

[@khurshidddbek]

Спасибо, жду продолжения

[@victorvthoroffson3784]

Георгий, урок просто огонь!

[@andriy3212]

Больше уроков по Flutter!

[@independentarmenia8203]

Спасибо за курсы ,за огромную работу,,

[@igormndresko4208]

Спасибо вам большое как раз собираюсь изучить что то новое а тут вы ещё раз спасибо

[@raydongalaxy4349]

Можешь потом ещё про flutter web снять?😀 Очень интересно стало про всю эту тему с флаттером

[@re1x617]

Спасиибо огромное!Я тебя люблю за твои видео!

[@codeandartmain]

Больше Flutter, на большую аудиторию 😎

[@rnturntu8648]

Я смотрел твои видео. Но для меня было сложновато. Посмотрим как будет у Гоши...

[@ArtemFun]

о! у тебя 2 новых видоса вышло. Уже иду смотреть. А можешь запилить плиз по анимации что-то. Ну или еще новый видос по провайдеру, а то там пятая версия уже. И не совсем понятно как архитектуру на провайдере правильно реализовывать.

[@user-ur9fs8cx4f]

Ура! Ждемс!

[@kristinataranenko64]

Неплохое видео, спасибо за обяснение

[@borodasichevich7653]

Спасибо вам за курс

[@dmitriystr]

Аллилуйя Аллилуйя! Наконец-то вышел курс! ура-а-а!

[@user-yc7cl8tp9v]

классный видос, полезная инфа)

[@quadrogod]

Как человек проработавший с реакт-нативом с версии 0.54 до текущей, хоть там было проделано много работы, сегодня впервые решил проникнуться темой флуттера, просмотрел 10 этих уроков и кусаю логти, что сразу не посмотрел в сторону флуттера! как опыт, RN конечно пригодится, но все новые проекты буду начинать уже на flutter, thanks!

[@MrKatunins]

Послушаю твой совет и тоже попробую соскочить на флаттер ) с RN

[@olegi5854]

как начинающий изучать разработку на андроид, я вам очень признателен за совет!!!

[@GoStrong]

@@olegi5854 как успехи?

[@al_efl5568]

Можете ли поделиться выводами о Флаттера, если поработали на нем?

[@user-lm3jk2uw6l]

Спасибо! это очень помогло!

[@al-1274]

Just in time. Как раз подумал про эти технологии

[@dauleets]

Наконец-то 😍

[@yakut54]

Гоша, привет! Когда то с тобой js начинал, теперь вот и до flutter`a добрался )

[@m1akarov442]

ОЧень круто , заитересовал

[@user-sl8kc2gi8g]

Как обстоят дела с серверными данными? Можно из коробки писать код для их получения или я сначала на каком-то другом серверном языке должен написать api и дёргать за url данные?

[@nyrb3058]

Спасибо за курсы

[@abdazim.a7937]

Гигантский респект от меня!

[@user-ty2vs3ek3p]

Привет. А что требуется сделать для того, чтобы в приложении была возможность играть с друзьями по сети? Где можно найти инфу об этом?

[@designckinet]

Очень круто!!!

[@f.r.i.6629]

Ко мне только прилетел проект по приложению, я сразу посмотрел на flutter, почитал документацию и решил зайти к тебе на канал, и тут же вижу flutter, топ, спасибо)

[@korsafare1219]

Закончил проект?

[@f.r.i.6629]

@@korsafare1219 заказчик отказался. Там сложная ситуация, люди не разобрались в рынке, и решили что-то сделать для компании, отказались. Потом сайт решили, и там тоже им чек прилетел, поэтому стоит всё)

[@korsafare1219]

@@f.r.i.6629 во как

[@thelifeofprogrammer133]

+REP я этого ждал свою жизнь

[@safarovstreet4971]

а мог бы вместо этого выучить английский и не ограничиваться

[@thelifeofprogrammer133]

@@safarovstreet4971 так я его и так в совершенстве знаю

[@user-ks1xg8iy3g]

Помогите пожалуйста! На dart get нет версий. Везде прописаны нули и для линукса и для винды и мака. Что делать? Не могу установить

[@brodyagaPATY]

Наконееееец то flutter!!!! Много много много flutter!!!! Спасибо тебе🙏🙏🙏

[@Spencerrrr]

Чем он тебе понравился?

[@darkness7379]

На конец что-то новенькое))

[@aristarhbahirev2548]

Посмотрел курс по React Native(было реально круто узнать про возможности JS, React Native и Expo), но под Android и iOS я пишу на Kotlin...и он реально удобен

[@sanchoalex4006]

А что так можно было что ли? (Я про написание под ios на kotlin)

[@aristarhbahirev2548]

@@sanchoalex4006 , конечно можно и даже нужно, потому что у Kotlin прекрасная производительность

[@ridbrain]

@@aristarhbahirev2548 покажите мне приложение на kotlin под ios. UI все равно будет написан на нативном языке.

[@nizom333]

Спасибо

[@user-hm8yd6nb4u]

Благодарствую

[@user-gk1nk7nr6m]

Подскажите пожалуйста, можно ли создать приложение с помощью сервисов zero code, которое будет просто проверять подключение конкретного сервера к сети интернет? Приложение будет предназначено Для пользования внутри компании, не для продажи

[@dmitry9088]

Наконец то))

[@antonslim1]

Спасибо за курс, давно хочу свою приложуху запилить под себя, решил начать с flutter. Я фулл стэк с 16 летним стажем. По поводу архитектуры на маке немного не правильная информация, либо ты оговорился: на маке существуют не только архитектура x86_64, с приходом процессоров Apple Silicon появилась arm64_v8, к сожалению dart будет работать там только в докере в режиме эмуляции под x86_64, у меня м2, буду пробовать

[@Hrachik333]

Надо же это, что такое совпадение? Я начал искать на тему Flutter, а тут смотрю не давано появился видео урок от Гоши.

[@ambientradio8756]

долгих лет тебе жизни)

[@user-qd9hz1sr1k]

Кто нибудь в курсе, можно ли засунуть AR от Vuforia в другое приложение? Или посоветуйте где можно узнать как вконструировать AR в приложение, не обязательно от Vuforia

[@Bulle7proofBeats]

Привет,Как думаешь возможно ли создать приложение исползуя Dart и Flutter в телефоне?

[@user-vu9bc3qc4i]

Не бессмысленная функция! В книге Дугласа Адамса «Путеводитель для путешествующих автостопом по галактике» ответ на «Главный вопрос жизни, вселенной и всего такого» это число 42

[@vagif_lalaev]

Автор хорошо объясняет, быстро, чётко и по делу, спасибо! Жаль что не в android studio)

[@ANUARKA]

Так это же fluttrr

[@Hrachik333]

Гоша Дударь, не знаю когда ты делал виде запись но скажу одно они уже поддерживают deksctop приложение и я уже создал на Linux, Windows и Mac OS приложение, скорее всего я свои Java проекты переведу на этот язык тем более они чем-то похожи. Единственно минус, что нет многопоточности, но это не проблема пока мне она не нужна).

[@ANUARKA]

Многопоточность уже естт

[@ANUARKA]

Зачем нужна многопоточность если есть ассихроность?

[@user-wn4si4oe6m]

Привет Мир!)

[@ongrustit]

А видео по Elixir будет?

[@ThisIsMyLifeone]

А как часто будут выходить видео и когда следующий ролик?

[@Niakita]

Горизонтальная полоска в Code - это что? Как её вправо подвинуть, чтобы на буквы не наезжала?

[@razvaluha5148]

Желание попробовать программировать для мобильного устройства было давно,а теперь еще и для работы появились идеи мобильных приложений.Установил андроид студио,еще на этапе поиска среды разработки встречал негативные отзывы,а после установки убедился сам что андроид студио это пи...дец какой то.Теперь вот обратил взор на флаттер,надо попробовать,но хотелось бы больше флаттера,меньше дарта,среда разработки первична,а язык программирования ваще па...ую какой.

[@flutterfromzero3075]

👍👍👍

[@vetersvobodnyi3210]

На Windows, linux, Mac уже можно писать ПО, уже вышел stable версия, flutter 2.

[@tigranav.3960]

а что насчёт ruby native?

[@user-il3xh5di2i]

Не перестаю тебе удивляться. Мультипрограммист. По всем отраслям разработки есть видео курсы. Когда ты в этом успеваешь разбираться? А на самом деле, интересно, когда пишешь на всех языках, пусть даже не так хорошо, но интересно, да с такой аудиторией большой)

[@cam-onchannel]

У меня тот же вопрос 😄что не наберёшь в поисковике так его канал в первых рядах 😁

[@user-jz4zq6bp6z]

@Markus Brown для прототипирования какого-нибудь календаря - расписания сойдет. Для полноценной разработки стоит все же взять курс на Udemy и нормально так пройти базу по ООП, чтобы четко понимать - откуда что берется.

[@MultiPalaz]

Секрет прост: нагло ворует код и контент у зарубежных блогеров

[@ndrey4889]

Есть годные уроки по Дарту и Флаттер где вы реально научитесь работать канал на ютуб называется Lazy Load Dart & Flutter

[@ridbrain]

07:45 - На Mac теперь и ARM есть

[@Ravr1ce]

Больше fluttera пж

[@kayumoffold]

*Првет Гоша и ребята! На языке С++ можно разработать приложения под андроид*

[@user-wr9ce4up8k]

C++ от js мира? Прикольно

[@user-zx8vj6hn6n]

Здравствуйте можно ли самостоятельно изучи́ть этот язык? Мне 14 . Со скольки лет берут на работу

[@Ivan-jj1uo]

Даааааа, я дожил до этого

[@darikaki647]

Где ты был тогда (я уже работаю флаттер разработчикам), откуда ты знаешь все фреймворки и языки?

[@maxprog3602]

Он смотрит другие видео уроки, делает по ним конспект, и по конспекту делает свои видосы:))

[@user-gr5mx5to5c]

Darik, научи меня тоже 🙏🏻

[@desmonddoss7456]

Меня тоже научите! Есть у вас телеграмм? Какие приложение делали или сайты на Дарт Флаттер?

[@darikaki647]

@@desmonddoss7456 отправьте ваш телеграм

[@siarheibartashevich2287]

Точка с запятой не в конце строки, а после окончания логического блока. Ну это так...

[@MyMillio]

а, ну вроде выглядит не сложно после c++ XD начинал кодить с него, потом забил и ушёл на питон, но ботов надоело писать а приложение мощное на нем не напишешь... Решил поизучать фдатер после сравнения всякого)) толк снова скобки и точка с запятой, отвык на айтоне, ахааха)))

[@user-op1fo8oq8p]

что делать если нету функцый РАШИРЕНИЕ ???

[@vasyok92]

Вау

[@slava6105]

Начало на 6:06, ребят

[@syoritohatsuki]

Я так и не понял, какие оба пакета для линукса?) 2 инструкции? А зачем. На лине как раз и не надо нечего руками качать, всё из консоли полностью

[@hackzet5134]

гоша у тебя в сайте регистрация не работа ет

[@Niakita]

теперь я знаю дарт и могу на нём программировать - где на работу устраиваться?

[@desmonddoss7456]

Устроились на работу???

[@maryaoshow]

устроился??

[@abdazim.a7937]

гоу Vue js 3

[@Gabriel-hg7fl]

Answer to the Ultimate Question of Life, the Universe, and Everything? 42

[@gugleadik]

Видео же Разработка мобильных приложений, а не Разработка приложениий для консоль дебаг... ( жаль. Таки как это приложение запустить там, т.е. надо его как-то туда перенести? тему надо до конца раскрыть.

[@frezycode]

И до Flutter добрался 😢

[@user-dw6sv5nf6y]

Когда xamarine?

[@user-us5er6we5u]

FLUTTER - это ФРЕЙМВОРК?!

[@abdazim.a7937]

го Vue js

[@vainshi228]

А когда Rust? :)

[@affiliateaus]

C++

[@TheSergWolf]

Главное уметь работать с кодом. С Гитом, с контейнерами, с постманом, уметь понимать ТЗ. Искать причины неудачь, ошибок. Какой язык программирования - это какую машину водить, зеленую большую или автобус.

[@samfisher8864]

Flutter лучше. (ИМХО) За: - Итоговый вес проекта - Скорость работы приложения Да будет холивар... (жду плюсов React Native в комментариях. Но лично свой опыт я описал выше и поэтому выбрал Flutter...хотя против React ничего не имею. Он классные, но его сила больше в вебе)

[@StBogdan95]

Есди начинать изучать то лечше Flutter чем реакт

[@wildbrotv2809]

я никогда не слышал так много слов "Файл" xDDD

[@likdann]

dart - смесь java и kotlin

[@Chernovodsk]

Я 18

[@Vlad_Gromov_1992]

Котлин сила - дарт могила

[@konstantingrabko9918]

Можете моему сыну дать уроки?

[@ruslanbadaev5027]

за какой год видос? флаттер уже можно юзать под десктоп

[@wwonx]

Первый1

[@wwonx]

@Алексей Коваленко я твоего комментария, тогда еще не видел)

[@SA02211]

У меня 7 ошибок в терминале вышло.