Введение в Xcode 9

Каждый год компания Apple выпускает новую версию Xcode, значительно улучшая инструменты и предоставляя ряд новых API, чтобы сделать разработку iOS проще и мощнее. В Xcode есть много интересного. Прежде чем углубиться, я хотел бы начать с основ. Давайте приступим и создадим наше первое приложение!

Скидка “черной пятницы”. Покупка включает доступ к 50+ курсам, 320+ премиум-урокам, 300+ часам видео, исходным файлам и сертификатам.

Шаблоны и исходный код

Скачать исходные файлы

Загружайте видео и активы, чтобы обращаться к ним и учиться в автономном режиме без перерыва.

Исходный код для всех разделов

Видеофайлы, ePub и субтитры

Просмотреть все загрузки

Разработка и кодирование приложения для iOS 11 с нуля

Введение в Xcode 9

Создайте свой первый проект Xcode

Введение в Storyboard

Визуальный редактор для редактирования пользовательского интерфейса

Быстрое создание прототипов в Xcode

Поток вашего приложения в Xcode

Swift 4 Playground

Изучите основы Swift 4

Дизайн в Playground

Разработка и кодирование пользовательского интерфейса в Swift Playground

Анимация в Playground

Создание прототипов анимации с помощью Swift 4

Дизайн в Storyboard

Реализация собственного дизайна

Авторазметка, стековые представления и классы размеров для адаптации макета в Xcode 9

Адаптация для iPhone X

Проектирование с учетом руководств по компоновке безопасной области

Раскадровка и код

Начните кодировать пользовательский интерфейс

Параллакс-анимация с помощью прокрутки

Сделайте прокрутку более интересной и восхитительной

Представление коллекции и источник данных

Самый гибкий и динамичный макет для iOS

Статические данные и многоразовые ячейки

Заполнение многоразовых ячеек данными

3D-анимация с использованием прокрутки

Создание параллакс-анимации с использованием 3D-преобразований

Упрощение рабочего процесса дочерних контроллеров представления

Передача данных из одного контроллера представления в другой

Освоение элемента, который присутствует практически на каждом экране

Раскадровка в Playground

[…]

[…]

[…]

[…]

[…] […] […]

[…]

[…]

[…]

[…]

[…]

[…]

[…]

[…]

[…]

[…]

[…]

Продвинутое руководство по SwiftUI

[…]

Руководство по дизайну iOS

Полное руководство по разработке дизайна для iOS 14 с видео, примерами и файлами дизайна.

Комплексная серия учебников, охватывающая Xcode, SwiftUI и все приемы верстки и разработки.

Создание веб-приложения с помощью React Hooks

Узнайте, как мы создали новый сайт Design+Code с помощью React Hooks, используя Gatsby, Netlify и продвинутые техники CSS с помощью Styled Components.

Справочник по дизайну пользовательского интерфейса

Полное руководство с лучшими советами и рекомендациями по дизайну пользовательского интерфейса. Бесплатные учебники для изучения дизайна пользовательского интерфейса.

Исчерпывающее руководство по лучшим советам и приемам в Figma

SwiftUI для iOS 14

Создайте мультиплатформенное приложение с нуля, используя новые техники в iOS 14. Мы будем использовать Sidebar и Lazy Grids, чтобы сделать макет адаптивным для iOS, iPadOS, macOS Big Sur, а также освоим новый эффект Matched Geometry Effect для создания красивых переходов между экранами без лишних сложностей. Этот курс ориентирован на новичков и преподается шаг за шагом в видеоформате.

Это сборник прямых трансляций SwiftUI, которые ведет Менг. В них он рассказывает и учит, как использовать системы дизайна, типографику, навигацию, дизайн iOS 14, прототипирование, анимацию и Developer Handoff.

Прямые трансляции по дизайну пользовательского интерфейса

Это подборка прямых трансляций по UI, которые проводит Менг. В них он рассказывает и учит, как использовать системы дизайна, типографику, навигацию, iOS 14 Design, прототипирование, анимацию и Developer Handoff.

Дизайн пользовательского интерфейса для разработчиков

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

Создание приложения с помощью SwiftUI Часть 3

Этот курс был написан для дизайнеров и разработчиков, увлеченных дизайном и созданием реальных приложений для iOS, iPadOS, macOS, tvOS и watchOS. SwiftUI работает на всех этих платформах. Несмотря на то, что код не является универсальным, элементы управления и техники могут быть использованы на всех платформах. Он удобен для начинающих, но в нем также много дизайнерских приемов и классных рабочих процессов для создания лучших пользовательских интерфейсов и взаимодействий.

Создание приложения с помощью SwiftUI Часть 2

Этот курс был написан для дизайнеров и разработчиков, увлеченных дизайном и созданием реальных приложений для iOS, iPadOS, macOS, tvOS и watchOS. SwiftUI работает на всех этих платформах. Несмотря на то, что код не является универсальным, элементы управления и техники, используемые в нем, могут применяться на всех платформах. Он удобен для начинающих, но в нем также много дизайнерских трюков и классных рабочих процессов для создания лучших пользовательских интерфейсов и взаимодействий.

Создание полноценного сайта в Webflow

Webflow – это инструмент проектирования, который

ProtoPie – это кроссплатформенный инструмент для создания прототипов, который создает прототипы, почти такие же мощные, как те, что создаются с помощью кода, с половиной усилий и без кода. Он идеально подходит для дизайнеров, которые хотят быстро экспериментировать с продвинутыми взаимодействиями, используя переменные, условия, датчики и многое другое.

Создание приложения с помощью SwiftUI Часть 1

ProtoPie – это кроссплатформенный инструмент для создания прототипов, который создает прототипы, почти такие же мощные, как те, что создаются с помощью кода, с половиной усилий и без кода. Он идеально подходит для дизайнеров, которые хотят быстро экспериментировать с продвинутыми взаимодействиями, используя переменные, условия, датчики и многое другое.

React Native для дизайнеров Часть 2

React Native – это популярный Javascript-фреймворк, который опирается на React, используя нативные компоненты для создания настоящего мобильного приложения, неотличимого от приложения, созданного с помощью Xcode или Android Studio. Главное отличие нативной разработки в том, что вы получаете возможность использовать CSS, горячую загрузку, Javascript и другие знакомые приемы, которыми веб оброс за последние десятилетия. И самое главное, вы создаете приложения как для iOS, так и для Android, используя одну и ту же кодовую базу.

React Native для дизайнеров

React Native – это популярный Javascript-фреймворк, который опирается на React, используя нативные компоненты для создания настоящего мобильного приложения, неотличимого от приложения, созданного с помощью Xcode или Android Studio. Главное отличие нативной разработки в том, что вы получаете возможность использовать CSS, горячую загрузку, Javascript и другие знакомые приемы, которыми веб оброс за последние десятилетия. И самое главное – вы создаете приложение и для iOS, и для Android, используя одну и ту же кодовую базу.

Проектирование системы в Figma

ProtoPie – это кроссплатформенный инструмент для создания прототипов, который создает прототипы, почти такие же мощные, как те, что создаются с помощью кода, с половиной усилий и без кода. Он идеально подходит для дизайнеров, которые хотят быстро экспериментировать с продвинутыми взаимодействиями, используя переменные, условия, датчики и многое другое.

React для дизайнеров

Узнайте, как создать современный сайт с использованием React и наиболее эффективных библиотек для вывода сайта/продукта на рынок. Познакомьтесь с Grid CSS, анимацией, взаимодействием, динамическими данными с Contentful и развертыванием сайта с Netlify.

Изучите Swift – надежный и интуитивно понятный язык программирования, созданный компанией Apple для создания приложений для iOS, Mac, Apple TV и Apple Watch.

Узнайте, как создать современный сайт с использованием React и наиболее эффективных библиотек для вывода сайта/продукта на рынок. Познакомьтесь с Grid CSS, анимацией, взаимодействием, динамическими данными с Contentful и развертыванием сайта с Netlify.

Изучите Sketch – инструмент для дизайна, полностью основанный на векторной графике и ориентированный на проектирование пользовательских интерфейсов.