Create a ECommerce website, code an App and connect them
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
36 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create a ECommerce website, code an App and connect them to your Wishlist.

Add to Wishlist

Create a ECommerce website, code an App and connect them

Build a responsive WordPress website with tons of features and a App that fetches the site data using Ionic framework
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
36 students enrolled
Created by Dessain saraiva
Last updated 8/2017
English
Curiosity Sale
Current price: $10 Original price: $30 Discount: 67% off
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 34 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Install a local WordPress development environment
  • Load and explore a WordPress project (Phpstorm and Netbeans IDEs)
  • Create and style a new theme
  • Install and configure Woocommerce
  • Create a booking page with form integration
  • Create a contact page with Google Maps support
  • Deploy the site on a live server
  • Optimize the website with the latest tools
  • Generate an Ionic App locally
  • Test the App directly on your Android phone
  • Design the App using the Creator tool
  • Import your designed App to your local build
  • Code the App to fetch data from the website and display it
  • Build a signed production version of the App
  • Deploy your App on a Marketplace (Aptoide, free)
View Curriculum
Requirements
  • Users with some basic computers knowledge (2 years)
  • You should be comfortable with HTML/CSS
  • All lessons are fully described on text
  • Both Mac and Windows operating systems are covered
Description

Unless you live in a cave you already heard about websites and apps and what they do to make our lives easier. That’s OK but if you are here it’s because you want to learn about it, what if you had a course alone that teaches you how to make a complete Wordpress website, a working Android / IOS App and make them work between them ? search no more, you found it!
We will build a fully featured WordPress website with free themes and plugins and I’ll give you tons of tips along the way, since I already have more than 30 Wordpress websites currently online I’ll be glad to transmit what years of practice taught me.
Our website is mobile responsive indeed, however we want to deliver a better user experience we want our clients to have our app. To do this we will use Ionic framework to code a simple and nice looking app that will fetch data from our Wordpress site and will allow users to do everything they would on the website and somethings more.

We will build things from scratch, nevertheless it’s best if you are comfortable with writing some web languages (HTML,CSS and PHP) this course is meant for the intermediate because of the remote calls code however the basic user will have no problems in building the website, app and if you have any question drop me a line - the code is also available to download and all lessons are fully described on text.

I’ll be here to teach you what more than 8 years of daily practice taught me, so let’s build a website code an app and make them work together.

Who is the target audience?
  • Almost anyone who want to build a ECommerce website, App and connect them
Students Who Viewed This Course Also Viewed
Curriculum For This Course
69 Lectures
04:15:54
+
Introduction
3 Lectures 09:05

WordPress is the most used CMS, currently it powers more than 25% sites over the Internet duo to the quick installation, huge amount of plugins and easy customization it became the choice of huge companies such as CNN,  Techcrunch and NBC.

Want to build a new site or remake an older one ? WordPress is the tool to use, and  we will build a full featured ecommerce website that allows users to buy virtual products and book a room. Our website is mobile friendly, however we want to deliver a better user experience. To do this we will build a Phonegapp app that allows the user to login with the same credentials of the website, save data locally and fetch new information when the device is online, better service more clients.

If you want to make a ecommerce website, build an app for Android and make them work together you are in the right place.

Lectures are followed by a written description of it's content.

Introduction
01:20

Introduction video
05:19
+
Starting with Wordpress
8 Lectures 31:53

What's WordPress - description
01:31


Download and install WordPress (Mac) - description
00:04

Got  a Windows virtual machine to show you how I used to get my Wordpress running.  We are going to use XAMPP and this is a compilation of Apache web server, PHP and MySQL bundled. Let’s look for Xampp on google and find a site to download it, after we download it we need… to install it. If everything goes OK and no .dll files are missing the dashboard will pop up and we need to initialise Apache and Mysql hope they turn green and you can visit your site at http://localhost/dashboard

Let’s set the ground for our wordpress installation, and create a new data base go to localhost/phpmyadmin and Databases, type the database name and create let it be because Wordpress will populate it with data. 


Download and Install XAMPP (Windows)
07:14

Download and install WordPress (Windows) - description
00:54

Download and install WordPress (Windows)
07:15

Download and install WordPress (Windows) - description
00:17
+
Exploring Wordpress
8 Lectures 22:49
PhpStorm, load the project
07:03

Phpstorm, load the project - description
00:35

This is the IDE I’ll be using during the course, nevertheless the next chapter is about Netbeans and it’s open source so feel free to choose what you like.

One of the things I like to do on a new Phpstorm installation is to change the theme, by default the background has a light color, and I change it to a dark one simply because it’s easier to read the code and it’s better for the eyes and you can do this in View and Quick switch Scheme, I’ll change it to Color Scheme and Darcula.
If you want to work directly on a remote host you can see the remote files by going to View, Tools Windows and Remote Host. And if you are working on a version of a downloaded project and want the changes to take immediate effect go to File, Default Settings, Build Execution Deployment, Deployment, Options and change ‘Upload changed files automatically…’ to a option that’s easier to use such as always.

Phpstorm, know your way around
04:26

Phpstorm, know your way around - description
01:06


Netbeans (open source)
03:56

Netbeans (open source) - description
00:22

WordPress files structure
04:38

WordPress files structure - description
00:41
+
Building the Website with WordPress
24 Lectures 01:41:48
Basic configuration
07:45

Basic configuration - descriptions
00:35

Choose the theme
05:16

Choose the theme - description
00:46

Create the child theme
04:55

Create the child theme - description
00:59

Home page - content
12:49

Home page, content - description
02:05

Shop page
12:01

Shop page - description
01:15

Shop configuration and checkout
04:27

Shop configuration and checkout - description
00:47

Booking page
06:40

Booking page - description
00:49

Contacts page
06:55

Contacts page - description
00:31

Change the Footer
04:13

Change the Footer - description
00:33

Deploying your website online
11:38

Deploying your website online - description
01:35

Optimizing the site
08:31

Optimizing the site - desription
01:10

Manage your WordPress sites at one place
04:50

Manage your WordPress sites at one place - description
00:39
+
Building the App with Ionic
23 Lectures 01:28:34

Ionic (http://ionicframework.com/) will be our working framework, it has a set of nice features and themes that will allow us to easily configure and adapt to our website.
It allows the developer to have one that works on several platforms, such as android and iphone.

Please register on the above sites, if you haven’t done so, before proceeding.

What's Ionic ?
02:19

Install, build and run the app (Mac)
06:43

Install, build and run the app (Mac) - description
00:47

Install Ionic (Windows)
04:33

Install Ionic (Windows) - description
00:28

Design the app, structure
06:08

Design the app, structure - description
01:00

Design the App, content
04:07

Design the App, content - description
00:35

Deploy the template
03:57

Deploy the template - description
00:24

Fetch site content - Shop (Mac - Local)
09:57

Fetch site content - Shop (Mamp or Production Server)
02:24

Fetch site content - Shop - description
01:09

Improve App layout
08:15

Improve App layout - description
01:03

Fetch site content - Book
06:46

Fetch site content - Book - description
00:46


Contacts - Load map (description)
00:32

Icon, load screen and local build
13:14

Icon, load screen and local build (description)
01:11

Upload to Aptoid
03:07
+
Thank you!
3 Lectures 01:37
Obrigado, thank you, merci, gracias, (...)
01:24

Your opinion on the next chapter
00:08

Files and folders inside the 'src' folder - replace yours with these if you need to. 

Ionic project files
00:04
About the Instructor
Dessain saraiva
4.5 Average rating
25 Reviews
197 Students
5 Courses
Web developer and Virtual Reality enthusiast.

Hey, my name is João Dessain Saraiva and I am developer from Portugal. I been coding since 2001 and playing video games since I was 8, started in a ZX Spectrum all the way to the last Xbox and even my master degree project in design and multimedia was an immersive ski video game that uses a Oculus Rift headset and a Leap device to control the movements of the character.
Udemy now gives me the chance to share some of my knowledge and expertise in Unity 3D, video games and Virtual Reality however I also intend to learn a lot more from the community and keep improving as I teach.