Тёмный

Flutter основы для начинающих #1 - Создание проекта, MaterialApp, Scaffold 

codeandart main
Подписаться 8 тыс.
Просмотров 51 тыс.
50% 1

Начинаем курс по самым базовым основам разработки мобильных приложений с помощью Фреймворка Flutter.
В первом уроке создадим новый проект, код будет будем писать с самого нуля, рассмотрим виджеты MaterialApp, Scaffold и немного теории.
PS. Первые 5-уроков записаны на предыдущей версии Flutter, где особых различий для этого проект нет. В этих уроках больше теории + код точно такой же, как и для версии 1.17, поэтому без проблем можно проходить эти уроки и на новой версии.
-----
Соц.сети:
Telegram канал - t.me/codeandart
Telegram группа - t.me/codeandart_group
-----
Планы по курсам:
- Как создать мобильное приложение с помощью Flutter (демонстрационный урок)[ • Как создать мобильное ... ]
- Установка Flutter [ • Как установить Flutter... ]
- Основы языка программирования Dart [ • Изучаем язык Dart - Ча... • Изучаем язык Dart - Ча... ]
- Чуть более подробные уроки Dart
- Курс «Делаем простое приложение QUIZ. Базовые основы Flutter»
- Курс «Делаем простое приложение ToDo на основе Provider»
- Курс «Делаем погодное приложение. Асинхронный подход и Навигация»
- Курс «Делаем приложение магазин. Потоки, FireBase, Анимации»
Архитектурные подходы
- Уроки по rxDart + Stream
- Уроки по BLoC
- Уроки по MOBx
- Уроки по Redux
- Уроки Hooks in Dart Flutter
Верстка, дизайн
- Плейлист «Speed UI coding»
- Разработка игр на Flutter
-----
Музыка и фон на заставках:
Short Trip by Roa / roa_music1031
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/roa-music-short-trip
Music promoted by Audio Library • Short Trip - Roa (No C...
Steps by Roa / roa_music1031
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/steps-roa
Music promoted by Audio Library • Steps - Roa (No Copyri...
No Copyright Motion Graphics
Motion Graphics provided by
www.youtubestock.com
RU-vid Channel: goo.gl/aayJRf

Опубликовано:

 

10 май 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 76   
@ilyasulimenko
@ilyasulimenko 3 года назад
урок - бомба, без лишних слов
@user-eo2ll1te6d
@user-eo2ll1te6d 3 года назад
Лучшее объяснение темы в русскоязычном ютюбе! спасибо
@sherzodhakimov472
@sherzodhakimov472 2 года назад
zdravstvuyte, ya iz Uzbekistana. ya smotrel ochen mnogo rolikov pro flutter, no eto lutshiy... Spasibo ogromnoye
@nataris
@nataris 3 года назад
Супер! Спасибо!
@artorios5192
@artorios5192 3 года назад
Большое вам спасибо!!!!!!! Огонь!
@cathello2900
@cathello2900 2 года назад
Спасибо 👍 большое! Очень интересно !! Было бы шикарно чуть больше объяснений и, примеров для тех или иных классов, виджитов и т.п что применяешь в Уроках. Прям Благодарю тебя!!!!! ✌
@fedornikolenko7316
@fedornikolenko7316 4 года назад
Как всегда красава:)
@user-lz3xo4kx4r
@user-lz3xo4kx4r 3 года назад
Ну вот, теперь как и должно быть! Супер!
@propython_ru2258
@propython_ru2258 4 года назад
АААААА Дизайн!!!! АААААА!!!! Like подписка!!!!!
@KK-em5xqqq
@KK-em5xqqq 4 года назад
зачетно, подписка и лайк. 👍
@rus_dos
@rus_dos 3 года назад
Подача информации супер, спасибо,👍🏻👍🏻👍🏻
@MoRFaiR
@MoRFaiR 3 года назад
Топчик!!!
@user-vr3qe6hh1u
@user-vr3qe6hh1u 3 года назад
Спасибо большое автору. С таким объяснением очень приятно смотреть. Нет затянутого монотонного бубнения, присутствует объяеснение по поводу каждой строчки кода. Что ещё надо...
@sergeikolikov6356
@sergeikolikov6356 Год назад
красавчик уважуха и лайк и подписка )))
@user-tj1zr3kl4l
@user-tj1zr3kl4l 3 года назад
Вот откуда Jetpack Compose тырили, прикольно
@yernatmussin883
@yernatmussin883 3 года назад
классно
@aniclub5457
@aniclub5457 3 года назад
В первую очередь огромное спасибо за такой замечательный информативный контент автор проста красава так держать и если можно очень хотелось бы увидеть видео про настройку VS Code для комфортного программирование в Flutter плагины всякие расширения и так далее
@yakut54
@yakut54 2 года назад
Вот это я себе игрушку нашёл )
@flutterfromzero3075
@flutterfromzero3075 2 года назад
👍👍👍
@key9en
@key9en 3 года назад
все четко и так мало подписчиков странно ++ успехов
@user-mp3xz7fy2v
@user-mp3xz7fy2v 3 года назад
Автор, подскажите пожалуйста. Если писать мобильное приложение на флаттере в котором будет регистрация, авторизация пользователей, чат, оплата через банковские карты, то сервер писать отдельно надо будет не на дарте? а на том же пайтоне к примеру? Или же под ключ можно все сделать изучив дарт(флаттер) ?
@pepil7190
@pepil7190 2 года назад
16:48 своя иконка для приложения
@user-ek8yu5nv9b
@user-ek8yu5nv9b 3 года назад
Красавчик, в документации флаттера не особо понятно, ты хорошо объясняешь, с меня подписка и лайк
@user-gl1si7xj3n
@user-gl1si7xj3n 3 года назад
что за обои?
@Boykinson88
@Boykinson88 6 месяцев назад
Добрый день, обязательно иметь МАК или достаточно айпада для практики?
@yakut54
@yakut54 2 года назад
Scaffold - строительные леса
@typokrat
@typokrat 3 года назад
С таким тембром хоть в секс по телефону. Все четко, понятно, ухо не режет => Круто!
@legont1
@legont1 2 года назад
Подскажите, как добавить рамки в эмулятор
@LanchevEduard
@LanchevEduard 4 года назад
Спасибо! Очень интересно. Подскажите, пожалуйста, Color Theme у вас в vscode?
@codeandartmain
@codeandartmain 4 года назад
Community Material Theme Palenight High Contrast
@LanchevEduard
@LanchevEduard 4 года назад
@@codeandartmain спасибо! А как сделать, чтобы скобочки были разных цветов? )) И еще логические блоки выделялись, как у вас? Есть тонкие вертикальные линии. Но у меня нет толстых, как у вас в видео. Искал в настройках не нашел.
@codeandartmain
@codeandartmain 4 года назад
@@LanchevEduard 1 - Цветные скобки это плагин Bracket Pair Colorizer 2 - Не понял про тонкие и толстые линии, вы про выделение блоков дерева виджетов? Если да, то это в настройках vscode делается так В settings у vscode найдите эти строки и поставьте значения true "dart.previewFlutterUiGuides": true "dart.previewFlutterUiGuidesCustomTracking": true
@LanchevEduard
@LanchevEduard 4 года назад
@@codeandartmain Роман, спасибо! То, что нужно! )
@evgeshad3011
@evgeshad3011 3 года назад
Можешь показать как так красиво настроил визуалстудию ?
@user-hd3lx8qc7s
@user-hd3lx8qc7s 2 года назад
Для тех кто не знает как перетащить иконку на главнй экран: - делаешь свайп мышкой снизу вверх - откроется меню - зажимаеш мышкой иконку - ждешь пару сек - перетаскиваешь на главный екран
@user-vk8cc3sx2b
@user-vk8cc3sx2b 4 года назад
MaterialApp это типа входная точка в ui ?
@caffeinejavacode1475
@caffeinejavacode1475 3 года назад
Как запустить Андроид имулятор? Как я понял у нас запушено 2 IDE? AndroidStudio and VSCode?
@dmitriystr
@dmitriystr 3 года назад
Да, запущено 2 IDE
@user-hd3dx5yf8v
@user-hd3dx5yf8v 3 года назад
Название эмулятора подскажите, ну или ссылку уж сразу?
@stanislavkovalev2783
@stanislavkovalev2783 4 года назад
Привет, повторяю твоему отличному видео Как создать мобильное приложение с помощью Flutter. Часть 1. но столкнулся с проблемой spred оператора на 1:00:20. Ты заменил версию на 2.3.0 и строка со спредом корректно начала работать ...productData.items.map((value) {. У меня так не проходит. Делал и flutter upgrade и выше версии ставил все рано не работает, просьба подскажи в чем может быть причина?
@codeandartmain
@codeandartmain 4 года назад
Чтобы долго не мучатся и не искать ошибку, сделай по ленивому 😅. Скопируй папку lib, заново создай новый проект flutter, и снова lib туда скопируй. И зависимости в pubspec прописать снова. А тем более если ❗Flutter версии 1.17❗ так нужно сделать, и SDK указать минимум 2.7.0 + новая версия google_fonts: ^1.1.0
@codeandartmain
@codeandartmain 4 года назад
А вообще на старой версии это был же просто Warning, можно и не обращать внимания на него было. А если конкретно ошибка "красным",то ещё помогало, когда изменишь что-то в pubspec и оно не работает, просто перезапустить IDE 😤
@stanislavkovalev2783
@stanislavkovalev2783 4 года назад
C 2.8.1 заработало )
@mikhailvolkov27
@mikhailvolkov27 4 года назад
@@codeandartmain Пересоздание проекта и копирование папки lib решает 99% ошибок обычно)))
@codeandartmain
@codeandartmain 4 года назад
Mikhail Volkov 😆👌
@user-tv4kh4pc7s
@user-tv4kh4pc7s 2 года назад
Кто знает как тема в редакторе называется?
@anonymousgoogleuser6957
@anonymousgoogleuser6957 3 года назад
Здравствуй, подскажи, какой модуль на вс код ты используешь для помощи выстрления деревы зависимостей? Чёрточки эти вертикальные
@onibi626
@onibi626 Год назад
В settings у vscode найдите эти строки и поставьте значения true "dart.previewFlutterUiGuides": true "dart.previewFlutterUiGuidesCustomTracking": true
@pay_pass
@pay_pass 3 года назад
Какое расширение используется у вас для выделения отступов?
@onibi626
@onibi626 Год назад
В settings у vscode найдите эти строки и поставьте значения true "dart.previewFlutterUiGuides": true "dart.previewFlutterUiGuidesCustomTracking": true
@ZnZ
@ZnZ 4 года назад
Sacffold)))
@codeandartmain
@codeandartmain 4 года назад
О, точно, косяк XD Спасибо
@darul-asar381
@darul-asar381 3 года назад
16:05 как ты вынес иконку на рабочий стол? Подскажи пжл
@user-hd3lx8qc7s
@user-hd3lx8qc7s 2 года назад
делаешь свайп мышкой снизу вверх - откроется меню - зажимаеш мышкой иконку - ждешь пару сек - перетаскиваешь на главный екран
@user-rh1pb2gk5k
@user-rh1pb2gk5k 3 года назад
как настроить отображение иерархии виджетов в коде?
@onibi626
@onibi626 Год назад
В settings у vscode найдите эти строки и поставьте значения true "dart.previewFlutterUiGuides": true "dart.previewFlutterUiGuidesCustomTracking": true
@user-mz4qq4tg4y
@user-mz4qq4tg4y 4 года назад
Можешь подсказать, какие расширения у тебя стоят в Code?
@codeandartmain
@codeandartmain 4 года назад
Awesome Flutter Snippets Better Comments Bracket Pair Colorizer Dart Flutter Flutter Tree TODO Highlight Todo Tree Material Theme
@user-mz4qq4tg4y
@user-mz4qq4tg4y 4 года назад
codeandart main Спасибо за ответ! Гляну видео по установке Flutter и там всё это было. Изначально не смотрел ибо ставил сам :) Есть другой вопрос по #6 уроку. Пытаюсь сделать в методе _buildButton выравнивание по оси .start, но визуально ничего не меняется. Как быть?
@user-mz4qq4tg4y
@user-mz4qq4tg4y 4 года назад
codeandart main Получилось сделать только в _buildActions через crossAxis. Видимо там есть какая-то иерархия виджетов?
@codeandartmain
@codeandartmain 4 года назад
@@user-mz4qq4tg4y скорей всего в виджете выше нужно выравнивать массив. Сейчас не подскажу (( Сделали, кстати в. DevTools. в версии написанной на flutter, удобную штуку, что можно сразу играться с версткой, менять оси, выравнивания, флексы и т. д. попробуйте там разные варианты 😁
@user-wt7le8vz4t
@user-wt7le8vz4t 3 года назад
@@codeandartmain Спасибо, а какой шрифт стоит?
@user-wt7le8vz4t
@user-wt7le8vz4t 3 года назад
Title "Quiz App", который находится в параметрах виджета MaterilApp нигде не отображается => Зачем он нужен? какой заголовок мы обозначили Quiz App и где он находится?
@Lion-hx6th
@Lion-hx6th 3 года назад
чтобы что то понять, кому как, кому книга понимается, кому сайты, а кому видео. И то и многих видео каналов, этот мне вообще легко заходит. может потому что ранее читал с сайтов, смотрел другие видео. но здесь все так понятно. Спасибо. как можно с вами связаться?
@Hrachik333
@Hrachik333 3 года назад
А что-за тема или плагин стоит который так скобки цветными делает?
@bigenough2122
@bigenough2122 3 года назад
как отображение черточек включить, кто ни-будь разобрался?)кек
@exashradow6694
@exashradow6694 3 года назад
И тут я понял, что ничего не понял, а только понял, что сдеся очень много скобок
@malikvalley
@malikvalley 3 года назад
Ох какой неудобно отформатированный код. Это, наверное, единственный большой минус языка и фреймворка в целом...
@user-vg6gu8hc6w
@user-vg6gu8hc6w 3 года назад
дело привычки +доп расширений
@malikvalley
@malikvalley 3 года назад
@@user-vg6gu8hc6w ну да, Bracket Pair Colorizer спасает.
@andrey.shpilevoy
@andrey.shpilevoy 3 года назад
Давай тебе пару баксов задонатим, а ты чаще выпускай ролики...
Далее
Plant App - Flutter UI - Speed Code
30:30
Просмотров 998 тыс.