Оригинальный автор: Poojã Bhaumik
Переводчик: Джоти, UC International R&D
Спереди написано: Добро пожаловать в официальный аккаунт «UC International Technology», мы предоставим вам качественные технические статьи, связанные с клиентом, сервером, алгоритмом, тестированием, данными, интерфейсом и т. д., не ограничиваясь оригинальностью и перевод.
С тех пор, как я рассказал о Flutter на DevFest 2018, я получаю как минимум 5 сообщений в день о Flutter на Linkedin, и в 4 из них я задаю этот знаменитый вопрос:
Как начать изучение флаттера? пожалуйста, помогите мне.
Через некоторое время я чувствую усталость, отвечая тем же. Поэтому я решил написать эту статью.
Путеводитель Пуджи по Flutterverse
Во многих статьях в Интернете или в репозиториях GitHub есть много обучающих ресурсов, и я также поставлю ссылки на некоторые из этих ресурсов. Но эта статья будет другой. Я хочу держать тебя за руку, вести шаг за шагом во Флаттерверс и позволить тебе летать одному.
Эм, простите? Что такое Флаттерверс?
Вселенная Флаттера! xD Вы только что прошли стадию младенчества и очень быстро выучите эти термины.
предпосылки
Если вы попадаете в любую из следующих категорий, вы можете сразу начать писать Flutter.
Я использовал язык Dart.
Я использовал объектно-ориентированные языки, такие как Java, C++, и знаком с концепциями ООП, такими как классы, объекты, методы, наследование, абстракция и т. д.
Я мобильный разработчик, который использовал Android/iOS native/React Native/Xamarin/Ionic или другие платформы для разработки мобильных приложений.
Люди, которые не попадают ни в одну из вышеперечисленных категорий, должны сначала начать изучать концепции ООП. Это очень важно для изучения любого фреймворка. Я никому не рекомендую пропускать основы ООП и сразу переходить к Flutter. Возможно, вам удастся преодолеть стену, но ваш прогресс будет медленным.
Быстрый старт в дартс?
Для многих из вас, кто, возможно, не использовал или не слышал о Dart, если бы не Flutter, позвольте мне сообщить вам хорошие новости. Дартс прост в освоении. Я выучил это за день или два. Но у меня большой опыт работы с Android, я, естественно, знаком с ООП и имею достаточный опыт работы с JavaScript. Тем не менее, я также преподавал дартс в рамках Flutter Study Jam, организованного GDG BBSR, и большинство студентов также очень быстро усвоили концепции.
Итак, я составил полный список концепций, которые вы должны знать перед изучением Flutter, и я поделюсь с вами своей презентацией Flutter Study Jam (только часть Dart). Я уверен, что это очень поможет вам.
Вот PPT: http://bit.ly/2r2F8Mo
Попробуйте концепции, упомянутые на каждом слайде этого DartPad (начиная со слайда 5), это все, что вам нужно знать на данный момент.
Если вы хотите узнать больше, вам могут помочь эти ресурсы:
Адрес видео:
https://www.youtube.com/watch?list=PLlxmoA0rQ-LyHW9voBdNo4gEEIh0SjG-q&v=5rtujDjt50I
Intro to Dart for Java Developers
https://codelabs.developers.google.com/codelabs/from-java-to-dart/#0
Можем ли мы начать Flutter сейчас?
Конечно, вы можете подготовиться к следующему полету.
Основные шаги и компоненты
Вот 3-минутное введение в установку и запуск вашего первого приложения Hello World во Flutter. Спасибо Хусейну Хакиму за поддержку.
3-минутная вступительная статья:
https://medium.com/@husayn.hakeem/flutter-hello-world-d15032356c81
Теперь, когда вы знаете, как запустить простое приложение, давайте сначала разберемся с основными компонентами. Я думаю, важно экспериментировать с базовыми компонентами, потому что они похожи на инфраструктуру приложения.
Теперь удалите все в приложении Hello World и скопируйте и вставьте следующий код.
>> поиграй с этими компонентами<<
В нашем Flutter Study Jam я подготовил этот репозиторий GitHub для начинающих:
https://github.com/PoojaB26/FlutterBasicWidgets
Он содержит код базового виджета и большинство свойств, которые можно применить к этому виджету.
Разветвить проект и поэкспериментировать с примерами компонентов — лучший способ обучения. Просто поэкспериментируйте, удалите свойство и посмотрите, как оно изменит внешний вид компонента в эмуляторе.
Или, если вы хотите написать с нуля, загляните в README.md, перепишите каждый пример и посмотрите изменения в эмуляторе.
Например, начнем с компонента Text.
Замените строку 24 кода main.dart выше следующим кодом —
Взгляните на изменения в эмуляторе. Теперь давайте добавим больше свойств к компоненту. (в основном я добавляю параметры, но мне нравится называть их свойствами компонента)
или
Теперь добавьте больше свойств или поэкспериментируйте с остальными компонентами в README.md.
PS: Flutter поддерживает горячую перезагрузку, поэтому вам не нужно «перезапускать» приложение для каждого изменения. Просто нажмите Ctrl + Backslash, и он перезагрузит изменения за считанные секунды.
Продолжайте исследовать, продолжайте пробовать.
Лучшая поза для развития флаттера?
Этот метод был опробован. Это может помочь вам легко познакомиться с Flutter, и процесс очень интересный.
Показываю вам вызов пользовательского интерфейса Flutter
Правила просты. Найдите свой любимый дизайн пользовательского интерфейса приложения и реализуйте его самостоятельно во Flutter. Множество потрясающих дизайнов на UpLabs и Dribbble. Выберите несколько и побеждайте их одного за другим. Достижение сумасшедших проектов в разработке — это благословение. (Эй, может быть, бэкэнд-люди, которые не заботятся о дизайне, не будут счастливы. Я разработчик, ориентированный на дизайн, поэтому я очень забочусь о внешнем виде приложения.)
Я знаю некоторых людей, которые регулярно публикуют UI-челленджи, — это Флаттери и Девен Джоши. Я уверен, что есть еще много, если вы тоже кого-то знаете, пожалуйста, оставьте их ссылку в комментариях.
личные советы
Адрес статьи:
https://medium.com/flutter-community/breaking-layouts-in-rows-and-columns-in-flutter-8ea1ce4c1316
я хочу узнать больше
Ну конечно; естественно. Есть много других ресурсов от других членов сообщества Flutter. Здесь я помещаю несколько ссылок для всех, чтобы узнать.
Учебное пособие по MTechViral Flutter от Павана Кумара
https://www.youtube.com/watch?list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV&v=qWL1lGchpRA
Ускоренный курс Ника Мэннинга по флаттеру
https://fluttercrashcourse.com/
>> больше вещей <<
Учебник по Floid + Dart от VoidRealms:
https://www.youtube.com/playlist?list=PLUbFnGajtZlX9ubiLzYz_cw92esraiIBi
Учебник Раджи Йогана по флаттеру
https://www.youtube.com/playlist?list=PLgGjX33Qsw-EMsLf8TmsYhKOCx2ALZiKi
Курсы Стивена Грида по Udemy
https://www.udemy.com/dart-and-flutter-the-complete-developers-guide/
flutterlearn.com от geekyAnts
☑️ хорошо, теперь я очень доволен Flutter ~
Поздравляем! Теперь, когда вы удовлетворены трепетом, и с нетерпением ждем следующего путешествия, следующие ресурсы помогут вам получить больше знаний об этом ультра-ультра-чудесном SDK.
Плейлист Flutter, представленный разработчиками Google на YouTube:
https://www.youtube.com/user/GoogleDevelopers/playlists?sort=dd&view=50&shelf_id=66
Список моих любимых репозиториев Solido GitHub:
https://github.com/Solido/awesome-flutter
Брифинг Flutter Weekly от Flutter Weekly News:
https://twitter.com/FlutterWk
Сборник моих любимых статей/уроков Flutter:
https://github.com/PoojaB26/AwesomeFlutterPlaylist
Если вы есть в Твиттере, подписывайтесь на Нилая Йенера и Флаттера, чтобы узнавать обо всем, что связано с Флаттером.
https://twitter.com/nlycskn
https://twitter.com/flutterio
Конечно, если вы обнаружите, что я пропустил какие-либо отличные учебные пособия для начинающих или очень важные ресурсы Flutter, добавьте их в комментарии.
Английский оригинал:
https://medium.com/flutter-community/i-want-to-learn-flutter-how-to-start-ffb4145f9b26
Хорошая рекомендация статьи:
«UC International Technology» стремится делиться с вами высококачественными техническими статьями.
Добро пожаловать, чтобы подписаться на наш официальный аккаунт и поделиться статьей с друзьями