Hands-on iOS11 & Swift 4 Bootcamp - Build Amazing iPhone Apps ! | Sandra L | Skillshare

Hands-on iOS11 & Swift 4 Bootcamp - Build Amazing iPhone Apps !

Sandra L, Front Development

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (20m)
    • 1. Welcome!

    • 2. Download Xcode from the App Store & Xcode 9 Beta

    • 3. Xcode Overview

    • 4. First iOS App = Hello World!


About This Class

Hands-on iOS11 & Swift 4 Bootcamp - Build Amazing iPhone Apps!

*** Swift Fundamentals - Swift Basics ***

iOS 11 unleashed a whole range of powerful new tools for you to build intelligent apps, and this book helps you get started with them as quickly as possible: Core ML, Vision, ARKit, and more! 

The goal of this course is to teach anyone how to build amazing iOS11 App from the ground up. You will learn the basics of iOS programming with playground demos and challenges. This will give you the solid foundation to start building iPhone Apps.

In this chapter,  learn the iOS Development Tools and the Swift Basics

  1. Learn to declare variables, constants.
  2. Learn about Type Inference and Annotation with challenges


Course Chapters : (covered in this section - lessons underlined and in bold )

  1. Getting Started & IOS Development Tools
    1. Download & Install Xcode 9
    2. Xcode Overview
    3. First iOS App
  2. Swift Fundamentals:
    1. Swift Basics:  Variables, Data Types, inference & Annotation, Operators
    2. Collections Types & Functions
    3. Control Flow, Classes, Structures & Enumerations
    4. Introduction to Object Oriented Programming
    5. Start with Swift 4 for Beginners
  3. iOS Projects
    1. Checklist: Intro to basic prototyping with multiple ViewControllers. You'll learn to configure complex UI Elements (TableView & a Progress View), implement edit behavior (TableView) and persist data
    2. Blog App with Tumblr API: Intro to Networking with the Tumblr Developers API. You will learn to perform get request, download data from the internet and embed web content in your iOS Apps


1. Welcome!: welcome to this brand new training. I was 11 and swift before, so this class will teach you everything from learning the swift fundamentals. And I was developments to build iPhone apps from the ground up Together, we're going to build a solid experience of building IOS ups with multiple examples, from the most basics to more advanced and ambitious projects. And this year, Apple is joining us with one of the most exciting. Always release with the brand new Iowa's 11 from works, which are super easy to integrate into your app. And those are core ml well, Koroma shimmering and Air Kids to blend digital objects with reality. And the class will cover the fundamentals of the swift language with an introductions to the object oriented programming paradigm, as well as the embassy model view controller software design pattern to learn to write clean and efficient and reasonable coat. And no prior quitting experience is necessary to follow the class. So join me to learn everything about building iPhone ups with the new I was 11 and in Swift before my name is Sandy. I'm an IOS instructor and developer 2. Download Xcode from the App Store & Xcode 9 Beta: So in order for you to start building Iowa's ups, you're gonna need to download so one piece of software, which is X code, and that's gonna allow for you to create So applications for the Mac iPhone, APS, ipads, Apple TV and even for Watch OS, and it comes with great features. So to help you with your workflow off building iris stops such as the user interface design , including testing on even debugging. So that's a big Donald. So you need to make sure that you have enough for space in your machine. So that's four gigabytes and 540 megabytes, and that's gonna take a well for you to get this one. But I'm gonna show you how to do it. So for your information. So this version is at 83.3. So at the time of this recording, So that is the release version. If you like to get the brand new extra night, So we're gonna talk about this one in a moment. We're gonna need to actually down with the swan in the beta version. So that means that any better version is not yet stable until it is officially released So let's go back to the official release. You have the choice between downloading so excellent eight or extra nine so except eight, which is gonna be stable for now. So we're gonna be this one in the back up store, and here we're gonna have the options to install this one. So I'm not gonna down with this one because already have it in my machine. But just so you know, it's gonna take sometimes you can take the time to grab a cup of coffee. So for now, so I'm gonna show you. So the page for the brand new extra nine that comes with a brand new editor, which is super fast, and that's gonna allowed your highlight and never get your coat so easily and smartly. And that's gonna come also with another feature to reflect to your good. So we're better. It's a reflector entrance form. So, for example, so when you're missing some code when there was something that needs correction is going to give you some hints and suggestions to correct so by just simply clicking. So I cone and to replace with the right piece of code. So that's gonna be very smart and helpful in your workflow. So it's gonna come as well with the new brain, your source Control navigator. So if you have a get have accounts, you're gonna be able to browse your reports right inside your exclude i d. And finally, So it is delivered with Swift for and you're gonna get also with the playground. So brand your templates, such as usual blanks, template, but also for the map game and for a single view. So we'll have a chance to try this one. And obviously you're gonna be able to simulates on test with X code to simulate un different device. The size is and the most important that this exclude new release is gonna be faster everywhere, so up to 50 times faster for the search. So I'm gonna show you were gonna make So we're gonna have a quick work through about X codes. I'm gonna show you first. So how you can download this wants you in the bidder fate. So for that, you're gonna need one apple I d. So if you don't have yet on I politely so you simply need to click here and create a polite e. Otherwise, you can simply sign it. So I'm gonna Slaney, so we can go to the So now we are on the page with all the downloads links. And here we are at X code 9 to 5. So, entities, it's been released on august 7th, 2017. So at the time of this recording, So this is this beta version. So if you happen to watch this course of past September, sometimes in September So this expert nine is gonna become the official release. So we're gonna be good to go. But for now, so you can go this one by simply clicking here is going down with a copy and then you can install this one on your machines. Do you have the choice between using excavates, which is the official release at the time of this recording? So in August, until sometimes in September, or to use the X guideline 3. Xcode Overview: So let's begin with a presentation off the new Exco. So to find out. So how you work with this I d So you can build your iPhone APs so right here in the dark. So I have so side by sides with the exclude eights with which is the official release at the time of this recording. And here's a bit over. So I'm going to click on this one, and I'm gonna click on the first option, which is get started with a playground And here, so you have the options to have multiple templates to start with. So you have the usual blank templates. One for the game, one for the map and another one. So for the singles, you So that is ReNu with extra night. So I'm gonna go ahead and click Cancel, gonna see later. So multiple demos and examples with the swift language with the plague rooms. So let's go see this window again. And here I'm going to select the second options to create the new exclude project a year ago, and I'm going to select a single view. And with this new release with this new extra nine, so you see that you have multiple options. So including see the air kits. So the error So the augmented reality up on as well you have. So this one, which is new, different based up. So those ones are you coming with Excellent mind. So I'm gonna click next and here. You're gonna have the options for your project and you can type, So I'm gonna cut exclude off of you, and this is where you're gonna specify. And as I thought, you can see I have to dash as I top, you're going to see that this part is gonna out a complete and this is gonna allow to create your bundle identifier, which allows to uniquely identify your up when you want to release this one on the Mac app store. So this is a combination off your organization name, and you're probably and this is like a domain name reverse. So you're gonna specify also your team. So if you have already an apple, the local programs subscription, which is $99 annually US dollars, you're gonna have your team here. So may I have the choice between so Sandusky because I have a paid membership or this one which will be connected to your apple i z So either one is gonna be fine and then below you're gonna have your team up name. So because I have a pain membership, so that's gonna come up as Sandy Rudovsky or if you have, like, just manipulated. So this one is gonna be connected. Do your apple lady account. So you have the options to subscribe for the annual paid membership of over Program. So you can if you if you want to release ops on the Mac app store, so that's gonna be something you're going to need to do. Then you have your organization name. So as you have specified in your account and you have the choice between the language stripped or objective C and for these dimmer, we're gonna leave all of that unchecked. So this is for if you want to use corrida to persist data into Europe. And if you want to run some tests just to check if your APP is running, executing as expected. So I'm gonna click next to then create these export projects that I'm gonna save on the deck stop and here we're going to discover so these beautiful I. D. So that seems pretty overwhelming and intimidating at first. Are you going to see that you're gonna get the hang of it? So as we go as we code and to create our ups, it's gonna become more familiar and easy. Do you have different pad? Also first on the left you have these panels, you have one here on the left in the middle. It's gonna be your workspace. And on the right, it's gonna be older tools and utilities, which is gonna allow to help you build your using the Inter feels builder and also to code . So first, the project navigators on the left and you have different options. So right here. So, by simply leaving the cursor wanted, you're gonna be able to get so the name of this feature and so first the Project Navigator . So this is where you're gonna have so all your collections of fouls So starting with you, controller. So we're gonna write your code and the storyboards to to create the visual of Europe. And you have this folder where you're gonna include all your assets, including show your app icon. So there are many more to see in this part off the I D. But we're going to see more in details as we go and you have. So this brand new source control navigator so which is gonna allow to connect to your get, have account and then browse your report right in this section? So here is to see the hierarchy of Europe. So when you're in your coat, so for one foul specifically, you can see like you're gonna see the organization of your good, so function by function is just to help. So this is very helpful when you need to jump to one function in particular quicker, you're gonna really go navigate through your code from here. So this is the search section which is now a stupid fast with extra night, you're gonna have a change to test this one. So whenever you need to look up for something specific in your project and this is the section for warning for the issue Navigator, this is for testing for test driven development, and this is to inspect before the bugging. And this is for debugging purposes. So I hear is also this to show break points and when you need to stop the execution off their up of your app to inspect and analyze how this is working. So now let's see. So we have already, like, tweet with it a little bit, so let's in the middle. So you see that here, This is your workspace. So when you click on one file, you're going to see you're gonna have a preview of this one, so right in the middle. So here and this part is where you're gonna work. That's gonna be your workspace. And if I select the storyboard, So here, I'm gonna be able to create my interface, my user interface to create. So the visual off my up and here you're gonna have the options to show the document outlines. So this is when you have, like, multiple elements and views on your view. So right here, you're gonna be able to hear as well gets a hierarchy of your views. So if I now is just a quick, brief presentation, but obviously we're gonna have a chance to always work with that, So that's gonna make more sense as we go as we work, the more we work with it. So the better it's gonna become so the more understandable it's gonna become and we can jump right from here to the rights because right here we're gonna find So whatever we need to add to our interface on this is the object library. So, for example, so if you want to add any of your controller, we can do so by simply dragging on dropped. Like so I'm gonna delete this one. So select and then pressed elites. Here we go. And so you have all the options. You can even add the labels. You can simply search for the view that you want and then added to your view. So that works pretty easily so and on the right, you're going to see the utility spinal. So with multiple options to formats of the views Derek, please. The right of the bat this is provided built in again for examples who changed the color changing the phone size. It's very, very easy and simple to use and have difference here is well, section. So first the falls Inspector, you're gonna have a quick help, inspector. So whenever you need to look up a class specifically, you can do that also from one could fall. So by simply clicking here and you're gonna have here, So the possibility to search the apple documentation so writes directly right from the X code and here, So we're gonna be able to also provide with an identity for these specific view. But this is optional in that case and the attributes inspectors. So we're gonna be mostly working with this one. So every time that we need to change something, for one specific view is gonna show right here. And that's gonna be options according to the view which is selected. So, for example, if I add a button, you have multiple choices for the bottom. Here we go. I'm gonna at this one. So here, I'm gonna have different so options for the button. Actually, we see, like the type off of you that this is giving you different options, such as changing the title. Here we go and changing the text cover and the background color even right here. Well, there are plenty of things that we can do. That's just the beginning. Then we have the size, inspector. So if you want to use out to lay out. So this is where you're gonna be able to look at the constraints. And here is also more informations about dimensions. This is gonna be about different connection that you want to create. So this is gonna be the connections, Inspector. When you create, I'd be outlets and I be auctions. And we're going to see that more in details when we're gonna create our first interactive up and so more options about the i D. So you see that we have all of that's available. So we have on the left the project navigator on the right, the utilities panel. So on the top, gonna find this. Features thes options have the options to hide or show these panels. If you want to make more space, you can hide it and you're going to see that this is visible. So when this Pichon is blue, I can also show the council area also which is funded bugging. So we're gonna work with this one as well. A lot. Let's close it. And on the right as well you can decide to hide it. This is this also control. So the way that you want your i d to be presented. So this is These are also options to control. So how you want to work with your workspace, For example, you can have the standard editor to have one single view, but also because you're gonna need to work sometimes with multiple flies. You have also the options to have two fouls side by side. So just right here. So where you have the inter feels builder on the left and your view controller on the rights And this is gonna be the section. So the feature when you want to work with the version and control with the before and the after updated version. So this is only if you have get integrated and the options to work with here the source control is gonna be available here at the top, so giving you the options to commit push pull elevates very convenience so you can actually keep versions of your work if you work in teams. So that's gonna become very convenience. To be able to integrate gets right into X coat. And so to create a new project, we're going to see that. Ah ha. We can carry that from here. We're gonna do this and go here to create a new project. We're gonna do that in the next video because we're gonna create our first exclude project , and we're gonna execute, build and run our first up. So see you in the next video. 4. First iOS App = Hello World!: so pretty establishing you how to create a new project. But we're going to stay on this one because that's already one project that we can use our first up and for the first up. So what I'm gonna do is I'm gonna delete this thing, and we're gonna keep this label. I'm gonna position this one. So right here and as you move so on so right inside of you going to see those lines showing . So this is giving you guidance as to where you are on the view. So right now you are in this in terms, so you can choose to release this once right in the middle. Or you can move around still, and you're going to see that this is also going to give you, like all the guides as to where you are. So if you want to stay within the balance but also to keep some margins. So we're gonna place this one so right in the middle, so right to the top. So with this, by staying at this edge, I'm gonna release and then I'm going to start typing Hello, work. So the usual first example, and also because the text is becoming too big for this label. So there is one quick tip, which is to present command and the equal sign at the same time. And that's going to allow to adjust the dimensions of the label so it can fits, so the content of the label can fit correctly. So now this is upset a little bit, so we're gonna. So as soon as you see this icons of this little hand you can select this one and then drag again to replace this one in the middle. I'm going to do more things. So that's gonna change again. So the size, the phone size of this label. So I'm gonna increase the phone size of these labels. And remember, that's whenever you say that this one, you're gonna be able to have some options. So I'm going to go to the attributes inspector right here, and I'm going to be able to then for amount, this label. So with different options, starting with the color and notice as well that you can actually change the text from here . This is where you're gonna change the text year ago. So we're gonna change. The color changed, too. dark gray. We're gonna increase the phone site as well. So simply by grading simply by increasing the font size right from here, we can change also. So the phone style so by from regular too bold. And here is also I'm gonna use the same shortcut, which is to present command. And then they call sign and here ago. So now we can have, like of the right size for the label. So it fits nicely and probably so in the case, you had a label which was way bigger, like so, for example, so you can decide. So right now this is to the left. We can center this one like so what else we have? We can change the background. So if I do Dockery again, so you're going to see that this is gonna be dark rate on dark gray. So we're gonna need to then of dates with a new text color. I'm gonna change to whites and here we go have a word. I mean, high work. So what we're gonna do now is to build in Rome and are going to do that from here. So you have these options here on the left, which is to build and run. And now you're gonna be able to see, like how it looks on the simulator. So you don't need to have an actual iPhone device to do these course, you're going to be able to run everything from the simulator, So that's super convenience. And now we have this new simulator with extra online, so that looks really nice. So you can see that this is not completely centered is because we haven't used any constraints for this up. So this is just to show you how you can build in Rome. Later, we're going to see an example where we can use constraints, and that's gonna allowed to create user interface which are adaptive, adaptive to any screen sizes. And that's gonna be with constraints in the more advanced presentation and demo. So that sets you have built your very first IOS ups with ex coats. So you're all sets with ex cardinal. So now we're gonna move on to more fun. Then it'll stop picks with the swift language. So we're going to see multiple examples and demos so you can learn to program with Swift, and that's gonna build a solid foundation. And that's gonna help a lot for the remainder of the class, where we're gonna build ups from the most simple and basics to more advance and ambitious. So let's begin.