Skip to main content

Getting started with iOS programming using Swift (Part 1)

I have not been too fond of Objective-C, which was the primary reason for me to stay away from making iOS apps till now. So what changed? Well Apple has done something very interesting recently and that is the introduction of a new programming language i.e. Swift. Swift is awesome, it almost feels like Python, C++ and Objective-C had a baby with some of their good parts in them. So I have been getting to know Swift and it is an awesome language to program in. What I am going to share with this and a series of blog posts are solutions to some problems that i have encounter while i am trying to finish my first iOS app.

The one hurdle that I have encountered while getting started on developing an iOS app is that a majority of the solutions for iOS specific problems provide solutions to them using Objective-C. Which is fair, because Swift has not been around for that long. Anyway let us get started with a few basics,

A few basics

I would highly recommend having a read of this book i.e.  the free book titled Swift Programming Language by Apple.

String and Numbers

var num:String = "123"; //create a string
var val  = num.toInt()!; //convert it to an Int
var value:String = "Concat:\(val)"; ///concat a string with an Integer

Working with WebViews

Say we want to show some HTML content in our app, well one way to do that in an iOS app is by using webViews i.e. UIWebView.  How do we do that? ok lets look at how we can achieve this. When you start a create a new project called HelloWorld, in your project navigator you will see a tree-like structure that shows the linked libraries (if you have any?) followed by 3 folders which will be something like HelloWorld, HelloWorldTests and Products. Now if you have an HTML file called index.html, that you want to display in your app, follow the following steps to do so.
  1. Add a WebView object to your storyboard. 
  2. Add a reference outlet for that WebView to your ViewController and give it a name,  say webView. If you do not know how to add a reference outlet to your ViewController, you will find this video very helpful.
  3. Add your index.html file to your project by right-clicking on the HelloWorld folder in your project navigator and selecting Add Files to HelloWorld. 
Next up is displaying the contents of index.html into your WebView, that can be achieved with the following code.

//get the path to the index.html file
var path = NSBundle.mainBundle().pathForResource("index", ofType: "html");
let url = NSURL(string: path!); //initialise an NSURL with the path to the index.html file
let request = NSURLRequest(URL: url); //add the url in a request
webView.loadRequest(request); //have the UIWebView load the request

This post sheds some more light into dealing with some additional features in iOS 8 for working with HTML content.

How to take in a string and convert it to NSDate

Say we receive a date in a String format from the webView and we want to convert that to a date in Swift. How do we do that? Use the NSDateFormatter and set the NSDateFormatter.dateFormat to a particular type of date format.

e.g.
let start = "1996.07.10 16:08:56"
let dateFormatter = NSDateFormatter()
dateFormatter.dateFormat="yyyy.MM.dd HH:mm:ss";
let startDate:NSDate = dateFormatter.dateFromString(start)!

Some references

I would strongly recommend following this series of blog posts by Jameson Quave. They are very informative and get you started from the pure basics, so you can actually learn something even if you do not come from an iOS development background.

Comments

Thanks for sharing this valuable information and we collected some information from this post.

Ionic in-house Corporate training in Nigeria

Popular posts from this blog

Upload to AWS S3 from Java API

In this post, you will see code samples for how to upload a file to AWS S3 bucket from a Java Spring Boot app. The code you will see here is from one of my open-source repositories on Github, called document-sharing. Problem Let’s say you are building a document sharing app where you allow your users to upload the file to a public cloud solution. Now, let’s say you are building the API for your app with Spring Boot and you are using AWS S3 as your public cloud solution. How would you do that? This blog post contains the code that can help you achieve that. Read more below,  Upload to AWS S3 bucket from Java Spring Boot app - My Day To-Do (mydaytodo.com)

Html5 based widget for an iOS app: Today extension powered by the Ionic framework

At some point the thought of adding a Widget to my iOS app came to mind which was followed by starting work on adding a widget for my app, My Day Todos . Obviously the first step was to learn how to add a Widget to an iOS app and in that learning process I discovered many things about widgets in iOS first of which was a widget in iOS is a an app extension i.e a  Today Extension . While I am still haven't finished working on the widget for my iOS app, I thought I would take some time out and share what I have learned. In this post, I will share a few important tips and provide an example of how to add a Widget to an iOS app and have the widget UI powered by Html5 via  Ionic framework . I added some code to my Github repo, Html5StarterAppWithSwift in order to show how this can be achieved. There are already too many tutorials out on the Web on how to add a Today extension to an iOS app so I won't be including that here. Instead I will focus on sharing some of the useful tip...

Build a Full-Stack Image Upload App with Node.js, Express, React, and Vite (Beginner Tutorial)

 If you’re new to full-stack web development and want a hands-on project to practice React frontend integration with a Node.js + Express backend , this tutorial is for you. In this guide, we’ll walk through a simple but powerful app that lets users upload images, store them on the server, and display them back in the browser. This project is based on my GitHub repo: node-express-react-simple-fileupload . It’s designed to be beginner-friendly, SEO-optimized, and a great starting point for anyone learning JavaScript full-stack development . 🛠️ Technologies Used Here’s the tech stack powering this project: Node.js – JavaScript runtime for the backend. Express.js – Lightweight web framework for building REST APIs. Multer – Middleware for handling file uploads. CORS – Enables cross-origin requests between frontend and backend. React.js – Frontend library for building user interfaces. Vite – Fast development server and build tool for React. Fetch API – For making HTTP requests ...