VMP
flutter.dev
flutter GitHub
Basic Flutter apps, for flutter devs
VSCode Keyboard shortcuts forWindows
Basic Editing
Flutter Widgets
Dart 2.8
Dart documentation
Dart Docs
Dart language
A tour of the Dart language pdf
Flutter tut 2019 pdf
dart-in-action.pdf
Flutter github brianegan
flutter_architecture_samples
flutter_ecommerce_template
flutter awesome templates
flutter awesome
How to draw and animate designs with Flutter CustomPaint Widget
github /custom_painter
flutter_instagram_stories
Fully functional Twitter clone built in flutter framework using Firebase realtime database and storage
Video Player plugin for Flutter
Flutter-AssetsAudioPlayer
A simple TicTacToe game app built with Flutter
flutter-task-planner-app
Image Editor Plugin with simple, easy support for image editing using Paints, Text, Filters, Emoji and Sticker like stories.
Flutter Gallery is a resource to help developers evaluate and use Flutter
ESC/POS (thermal, receipt) printing for Flutter & Dart
Simple chat UI build with flutter
vk.com flutter
Roadmap
github.com/flutter/flutter/wiki
Where is the .zshrc file on Mac?
How do I exit the Vim editor?
How to Save a File in Vim / Vi and Quit the Editor
Setup an Android Development Environment on OSX
hackintosh
Desktop support for Flutter
Skia is a complete 2D graphic library for drawing Text, Geometries, and Images. https://skia.org
Skia Graphics Library
SKIA API Reference and Overview
Skia in Flutter & Fuchsia
Canvas tutorial 01 | How to use the canvas in the flutter?
Animation 01 | How to use the animation in the flutter?
Flutter Widget
Flutter SDK
dart:ui library Built-in types and core primitives for a Flutter application
cupertino library
rendering library
painting library
Flutter. Плюсы и минусы 2019
Dart
DartPad
flutter-examples
Official Flutter Samples
Flutter Favorites
Flutter implementation of Google Mobile Vision
A Flutter plugin for accessing TensorFlow Lite API
Working with TensorFlow Lite in Flutter
A flutter project for demonstarting usage of TensorFlow Lite model created with teachablemachine.
teachablemachine
Real-Time Object Detection with Flutter, TensorFlow Lite and Yolo -Part
Camera Plugin A Flutter plugin for iOS and Android allowing access to the device cameras.
Dart Web platform
Dart Language samples
AngularDart
Angular Dart Examples
Начало работы с Flutter Desktop
github flutter
List of Flutter samples and apps
A collection of Flutter examples and demos
A curated list of Flutter samples and apps
Desktop support for Flutter
Web support for Flutter
Flutter for iOS developers
Flutter for Android developers
Flutter for React Native developers
Flutter for web developers
Flutter for Xamarin.Forms developers
Introduction to declarative UI
Overview: the Dart language
Building a web application with Flutter
Development
Data & backend
Platform integration
Packages & plugins
State management
Developing packages & plugins
Add Flutter to existing app
User interface
Layouts in Flutter
Introduction to widgets
Widget catalog
Cookbook
Layouts in Flutter
Layout widgets
Building layouts
Introduction to animations
Animations tutorial
Advanced UI Slivers
JSON and serialization
Firebase
Networking
Binding to native code using dart:ffi
Obfuscating Dart code
Flutter. Часть 1. Для Android разработчиков
Flutter. Часть 2. Для iOS разработчиков 2019
Стоит ли инвестировать во Flutter. Сравнение Flutter и React Native
youtube Flutter
cirrusci/flutter
Flutter Community Articles and Stories from the Flutter Community
Flutter Tutorials Handbook
Как я делал desktop-приложение на Flutter
Flutter, руководство для начинающих 2019
Material Design
Что такое Flutter? Почему все переходят с JavaScript
Flutter Dev Подкаст #0
React Native vs Flutter 2019
Stackoverflow Flutter
Reddit.com FlutterDev
Gitter.im flutter
VK Flutter
VK Dart и Flutter, iOS, Android, Google Fuchsia
Figma
figma-to-flutter A Dart code generator that converts Figma components to Flutter widgets.
Figma to Flutter
FIGMA to Flutter Theme Conversion
figma-api-demo Figma to React Converter
Figma Web API
Introducing: Figma to React
Как мы использовали API от Figma, чтобы конвертировать дизайн в код React
«Давайте уволим половину разработчиков»: кроссплатформенная мобильная разработка в 2019 году
Про Flutter, кратко Основы
Flutter Interact: All you need to know!
Flutter for Android developers
Twitter Clone
Announcing CodePen support for Flutter
awesome-flutter
Flutter – Установка и настройка VS Code 2020
Building and Releasing Flutter Desktop MacOS App
Build a windows 10 desktop application in Flutter
Flutter Windows Desktop App Early Preview
Flutter Web – Building a Responsive Website in Flutter
Designing for the Web with Flutter (Flutter Interact ’19)
Setting Flutter on Mac ( Catalina )
Download the Flutter SDK
Make .bash_profile or .zshrc files in the home directory.
Indicate the Flutter SDK location in .bash_profile or .zshrc
Check the Flutter status
Install Xcode.
Install Android
Set Flutter SDK path in android studio.
Indicate the Android SDK path in .bash_profile or .zshrc
* Even if you make “.bash_profile”, “.zshrc” in Home directory in mac and you still get the “command not found” message, please follow this step.
1. Try type “chsh -s /bin/zsh” in terminal.
2. Close terminal and reopen
3. Type “flutter –version” again.
* Setting Flutter on Mac
1. Download Flutter SDK
2. Create .bash_profile ( if you got error create .zshrc) in the Home directory. type “vim .bash_profile” ( “vim .zshrc”) in terminal.
3. Add a line in the file.
export PATH=”$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin”
And close terminal, reopen terminal. type “flutter –version” and “flutter doctor”
4. Download Xcode, android studio. and make android virtual device using the AVD manager.
5. indicate Android SDK location in .bash_profile. open terminal and type “vim .bash_profile” and add this line
export ANDROID_HOME=/androidSDKlocation/
6. Reopen terminal and source .bash_profile
7. Test the flutter. type flutter doctor
* Relative links
– Flutter Link: https://flutter.dev/
– Download Xcode: https://apps.apple.com/ca/app/xcode/i…
– Download Android studio: https://developer.android.com/studio
* Command
Solution from error
Android toolchain – develop for Android devices
Unable to locate Android SDK. Install Android Studio from:
1. open terminal
2. type cd
3. type vim .bash_profile
4. Add Android SDK location
export ANDROID_HOME=/androidSDKlocation/
5. close terminal and reopen it.
6. type source .bash_profile.
7. type flutter doctor.
Flutter MAC Catalina installation and first app Resolving all bugs
Flutter. Обзор фреймворка. Пишем кроссплатформенное приложение – калькулятор. 2020
Learn Flutter & Dart (RU) – Пишем небольшой реальный проект для показа цен криптовалют 2018
ПРОЕКТ Flutter+Firestore (RU): #1 – Идея и основа приложения
ПРОЕКТ Flutter+Firestore (RU): #2 – Login/Register Page
ПРОЕКТ Flutter+Firestore (RU): #3 – Firebase Auth сервис (часть 1)
ПРОЕКТ Flutter+Firestore (RU): #3 – Firebase Auth провайдер (часть 2)
ПРОЕКТ Flutter+Firestore (RU): #4 – BottomNavigationBar + List Filtering
ПРОЕКТ Flutter+Firestore (RU): #5 – Создание плана тренировок
Pro Flutter – Урок 1. Установка и создание первого приложения 2020
Pro Flutter – Урок 2. Структура приложения. Виджеты
Pro Flutter – Урок 3. Stateless виджеты
Pro Flutter – Урок 4. Stateful виджеты
Pro Flutter – Урок 5. Виджет Container и BoxDecoration
Pro Flutter – Урок 6. Виджеты Column & Row
Pro Flutter – Урок 7. Виджет ListView
Иван Черкасов – Переезд с React Native на Flutter 17 дек. 2019 г.
Flutter против мобильной Инквизиции 2019
Learning Dart: Introduction to Angular 2
Почему мы выбрали Flutter и что из этого вышло
Что такое Flutter? Почему все переходят с JavaScript
Angular + Dart для разработки веб-приложений
Flutter. Год после релиза
Почему мы выбрали Flutter и что из этого вышло
Что такое Flutter?
Learn Flutter & Dart (RU) – Введение, установка и дефолтный проект 2018
Flutter – Установка и настройка Flutter SDK и Andorid Studio под Windows
Flutter Tutorial : Installing flutter on Windows 10
youtube Flutter
YouTube Dart
flutter установка
Paulina Szklarska — Flutter — how to make a beautiful app in an hour?
Сайт о языке программирования Dart
Create native apps for Android and iOS using React
A framework for building native apps with React. https://reactnative.dev
expo.io
snack.expo.io
React Native — одного JS мало
React Native at Instagram
React Native с точки зрения мобильного разработчика 2018
Плюсы и минусы платформ React Native и Real Native: сравниваем приложения
Критика работы с React Native: наш опыт 2019
Как сделать мобильное приложение с помощью JS. Путь React Native
Ionic и React Native: что же лучше?
Flutter-Codelabs
React Native для начинающих в 2020
React JS. Полный Курс 2020 (Вся Теория Включена!)
React Native #1 Введение
React Native #2 Настройка окружения
React Native #3 Компоненты
React Native #4 Свойства компонентов
React Native #5 Валидация свойств компонентов (prop-types)
React Native #6 Стилизация компонентов (StyleSheet)
React Native #7 Состояние компонентов (useState, setState)
React Native #8 Создаем список задач (todo list)
React Native #9 Навигация (React Navigation 4.x)
Как я полюбил и возненавидел React Native
Что такое React Native. Мобильные приложения на React.
React Native Tutorial for Beginners – Crash Course 2020
React Native — это фреймворк на JavaScript для разработки мобильных приложений под операционные системы iOS и Android. React Native разработан корпорацией Facebook в 2015 году. Нативная разработка под iOS осуществляется на языке программиования Swift, а под Android — на Java или Kotlin. Таким образом, для того, чтобы создать нативное приложение для двух этих платформ требуется разрабатывать два абсолютно разных программных продукта. Фреймворк React Native позволяет разрабатывать мобильные приложения для iOS и для Android с использованием всего одного языка программирования — JavaScript, а также использовать в этих двух приложениях значительную часть общего кода. React Native имеет более низкую производительность, чем нативные решения, а его использование для сложных и нестандартных приложений затруднено — на React Native не стоит делать игры, приложения для работы с видео, фото, звуком или дополненной реальности. Но в области бизнес-приложений React Native несомненно хороший выбор — производительность в этом случае незначительно отличается от нативных решений, а возможностей платформы хватает для реализации необходимого функционала.
Что такое React Native. Мобильные приложения на React.
Ionic 2 vs React Native vs NativeScript
Введение – React Native – Урок 0 – Level 0
React Native init vs Expo – Урок 1 – Level 0
Инициализация – React Native – Урок 2 – Level 0
Разработка стоматологического приложения на React Native #1
Разработка стоматологического приложения на React Native #2
Разработка стоматологического приложения на React Native #3
Vim
Некоторые команды начинаются с двоеточия: нажав его, появится подсказка, в которой будет указана полная команда. Команды без двоеточий — это скорее горячие клавиши, которые можно использовать в режиме по умолчанию (в нём запускается Vim). Команды, написанные ЗАГЛАВНЫМИ БУКВАМИ — это отдельные клавиши: например, ESC — это клавиша Esc на вашей клавиатуре.
Все команды чувствительны к регистру и должны выполняться вне режима insert.
Выход из Vim
Выход без сохранения изменений:
:q!
Как запомнить: quit dammit! (закройся, чёрт возьми!)
Выход с сохранением изменений:
:wq
Как запомнить: write to disk and quit
Навигация
Для перемещения по открытому файлу используйте стрелки.
Перемещение на строку 285:
:285
Поиск слова «import»:
/import
Изменение текста
Вставка текста там, где стоит курсор:
i
Как запомнить: insert
Вставка текста в конце текущей строки:
A
Как запомнить: Append
Выход из режима редактирования (возврат в стандартный режим):
ESC
Выделение текста
Переход в визуальный режим:
v
Как запомнить: visual
Для выделения текста используйте стрелки.
Выход из визуального режима:
ESC
Копирование, удаление, вставка
Копирование выделенного текста в буфер:
y
Как запомнить: yank
Удаление выделенного текста:
d
Как запомнить: delete
Копирование текущей строки в буфер:
yy
Как запомнить: yank yank
Копирование трёх строк, включая текущую, в буфер:
3yy
Удаление текущей строки и помещение её в буфер:
dd
Как запомнить: delete delete
Удаление 5 строк, включая текущую:
5dd
Вставка из буфера перед текущей строкой:
P
Примечание: заглавная P
Вставка из буфера после текущей строки:
p
Отмена и восстановление последнего изменения
Отмена последнего изменения:
u
Как запомнить: uh-oh
Восстановление последнего отменённого изменения:
CTRL + R
Вывод изменений:
:undolist
Отмена двух последних изменений:
2u
Многоуровневое дерево отката изменений Vim очень мощное, подробнее о нём можно почитать в документации.
Работа с файлом
Открытие файла index.html вместо текущего:
:edit index.html
Сохранение текущего файла:
:w
Как запомнить: write to disk
Сохранение файла с изменённым именем, например, changes.txt:
:w changes.txt
Поиск и замена
Поиск и замена всех вхождений строки в файле:
:%s/typo/corrected/g
Поиск и замена с запросом подтверждения замены:
:%s/typo/corrected/gc
Как запомнить: confirm
Подсветка синтаксиса и отступы
Включение подсветки синтаксиса:
:syntax on
Включение автоматических отступов:
:set autoindent
Увеличение отступов нескольких строк при выделении их в визуальном режиме:
>
Вкладки
Открытие server.py в новой вкладке:
:tabe server.py
Как запомнить: tab edit
Переход на вкладку справа:
:tabn
Как запомнить: tab next
Переход на предыдущую вкладку слева:
:tabp
Как запомнить: tab previous
Для закрытия вкладки переключитесь на неё и используйте команду :q или :wq.
Разделённый экран
Открытие templates/base.html в режиме вертикального разделения экрана:
:vs templates/base.html
Как запомнить: vertical split
Открытие shared.js в режиме горизонтального разделения экрана:
:sp shared.js
Как запомнить: the ’default’ horizontal split
Перемещение между «частями» экрана:
CTRL + W + ARROW KEYS
Для закрытия экрана переключитесь на него и используйте команду :q или :wq.
Настройка Vim: файл .vimrc
Многие команды, используемые для изменения вида и поведения Vim, можно сделать включёнными по умолчанию, поместив их в .vimrc — файл конфигурации Vim, который расположен в домашнем каталоге.
Например, добавление этих строк в ~/.vimrc сделает подсветку синтаксиса и автоматическую корректировку отступов включёнными по умолчанию:
syntax on
set autoindent
== Основы ==
hjkl перемещение в разные стороны
i режим вставки
I добавление в начало строки
a режим добавления
A добавление в конец строки
o добавить строку сразу за текущей
O добавить строку перед текущей
R писать поверх имеющегося текста
u, :u[ndo] отмена предыдущего действия (undo)
CTR-R, :red[o] отмена отмены предыдущего действия (redo)
dd вырезать (удалить) строку
cc удалить и начать редактирование
yy копировать строку
p вставить из буфера обмена
ESC перейти в режим просмотра
DEL удалить следующий символ
:
% перейти к парной скобке
:e **/filename.c редактировать файл (с поиском по имени)
:w [fname] записать изменения
:wa сохранить изменения во всех файлах
:q выйти из редактора
:q! выйти из редактора, не сохраняя изменения
:color
/usr/local/share/vim/vim72/colors/*.vim
:pwd текущий каталог
:cd [path] перейти в другой каталог
:!команда выполнить команду – man, git, и так далее
стрелочками веерх и вниз можно автодополнять
команды и искать по истории
CTR+p или CTR+n автоматическое дополнение текста
(в режиме редактирования)
CTR+r,=,
(в режиме редактирования)
CTR+u, CTR+d Page Up / Page Down
CTR+y, CTR+e Перемотка вверх/вниз без движения курсора
== Подсветка синтаксиса ==
:syntax on включить подсветку
:syntax off выключить подсветку (по умолчанию)
== Перенос строк ==
:set wrap разрешить word wrap (по умолчанию)
:set nowrap запретить word wrap
== Печать ==
:ha[rdcopy] распечатать документ
:set printoptions=duplex:off отключить двустороннюю печать
== Сворачивание ==
zc свернуть блок
zo развернуть блок
zM закрыть все блоки
zR открыть все блоки
za инвертирование
zf см :set foldmethod=manual
:set foldenable включить свoрачивание
:set foldmethod=syntax сворачивание на основе синтаксиса
:set foldmethod=indent сворачивание на основе отступов
:set foldmethod=manual выделяем участок с помощью v и говорим zf
:set foldmethod=marker сворачивание на основе маркеров в тексте
:set foldmarker=bigin,end задаем маркеры начала и конца блока
== Маркеры ==
ma установить локальный маркер a
mB установить глобальный маркер B
`c перейти к локальному маркеру c
`0 вернуться на позицию, на которой закончили
работу при закрытии vim
:marks просмотр маркеров
set viminfo=’1000,f1 маркеры пишутся в ~/.viminfo, восстанавливаясь
при следующем запуске vim. маркер ” хранит
последнюю позицию курсора в файле
== Сессии ==
mksession file.session сохранить текущую сессию
source file.session восстановить ранее сохраненную сессию
== Макросы ==
qa записать макрос с именем a
q в режиме записи макроса: закончить запись
@a выполнить макрос с именем a
@@ повторить последний макрос
== Регистры ==
“ayy скопировать строку в регистр a
“bdd вырезать строку и поместить в регистр b
“С2d вырезать три строки и дописать в конец
регистра C
:reg [name1][name2][…] просмотреть содержимое регистров
== Выделение ==
v + hjkl выделение текста
SHIFT + v выделить строку
CTR + v выделение прямоугольника
p вставить
y копировать
d удалить
gu к нижнему регистру
gU к верхнему регистру
== Отступы ==
[#]> сдвинуть выделенное вправо
[#]< сдвинуть выделенное влево
[#]>> сдвинуть строку вправо
[#]<< сдвинуть строку влево
set tabstop=# для табуляции используется # пробелов
set shiftwidth=# в командах отступа используется # пробелов
set [no]expandtab заменять ли табуляцию на соответствующее
число пробелов
== Поиск и замена в файле ==
/Выражение поиск выражения в файле
\cВыражение поиск без учета регистра
n следующее совпадение
N предыдущее совпадение
:%s/foo/bar/gi замена строк, см http://eax.me/regular-expr/
== Поиск по всему проекту ==
:vimgrep /EXPR/ **/*.c поиск по регулярному выражению
:copen показать все найденные места
:close скрыть все найденные места
:cn переход к следующему результату
:cp переход к предыдущему результату
== Нумерация строк ==
:set num