Kickstart
SkyImpel Bootcamp
بسم الله الرحمن الرحيم
In the name of Allah, the Most Gracious, the Most Merciful
Truth, Rightness, Beauty, and Perfection
Holistic Solutions
Bootcamps
Events
Mentoring
We Welcome You
Startup
Developer
Student
Entrepreneur
Dropout
For those who need clarity.
Native Development!
Development has always been native
C#
Java
Swift
More Platforms
More Problems
Timely and expensive development on each platform.
Platform specified language.
Entirely separate code base.
Developers collaboration issue.
Platform-specific user interface.
Code reusability is less.
Develop separate app for each platform
Under Construction
Billions of People
Billionsss of Devices
Desktop
Web
Tablet
Mobile
Mini-Computers (RaspberryPi)
IoT, Robotics and Embedded Systems
How about we code once and target all platforms?
Universal & Cross-Platform
Development
Linux
Mac
Windows
Android
iOS
Windows Phone
Raspbian, Windows IoT
Learn once, Build anywhere...
Do more, but less
A Flawed
System
There is no wealth like intelligence, no poverty like ignorance and no inheritance like (good) manners.
― Ali ibn Abi Talib
Intelligence
😕
character building
good manners
...
The Education system is cut-off from the real-world and the real-life.
🙁
🌼
There's a huge gap between young graduates and software companies.
Cramming (also known as رٹا لگانا)
Memorization
Copy / Paste (CTRL + C / CTRL + V)
Conformity, Compliance, and Obedience
Enjoyment
GPA, Grades, and the Competition
A few numbers
Career Advisory and Assessment Services Survey
76% of employers aren’t satisfied with the quality of Pakistani graduates.
Stack Overflow Developer Survey 2015
Nearly half, 48% of the developers don't have a CS degree.
Gallup's State of the American Workplace Report
71% of workers are “not engaged” or “actively disengaged” from their work.
Psychology Today Report
The average high school and college student today is dealing with the same level of anxiety and other mental health issues as the average psychiatric patient in the Great Depression era or early 1950s.
Business Insider and VentureBeat


The U.S. Department of Education's National Center for Education Statistics

From this data, we know
- The percentage of bachelor’s degrees conferred in computer science is decreasing
- The number of software developer jobs is increasing
- The compensation for those jobs is increasing
- Only about a third of current software developers have computer science degrees
- About a third of STEM employees don’t have any college degree at all
Conclusion?
Great vision
Character building
Moral values
Self-paced Learning
Clear learning path
Up-to-date knowledge
Effective teaching methods
True standards
Independent students
Help and sharing

Why?
Because the current education system was developed for an
industrial era. And its promise, was a guaranteed job.
A student feels he/she has been cheated!
😞
After spending a fortune and 18-20 years...
- Feeling discontent
- Rigid or fragmented world-view
- Not connected with the reward and end-result
- Not willing to do long term investment
- Looking for shortcuts and quick fixes
- Searching for a dream job and habit of switching jobs
- No joy of learning and improving skills
All dropouts
are not failures
Steve Jobs
Co-Founder, CEO of Apple Inc.

Bill Gates
Co-Founder, CEO of Microsoft

Michael Dell
Founder, CEO of Dell Inc.

Mark Zuckerberg
Co-Founder, CEO of Facebook

Larry Ellison
Co-Founder, CEO of Oracle Corp.

Elon Musk
Founder, CEO of SpaceX, Tesla Inc.

David Karp
Founder, CEO of Tubmlr

Aaron Swartz
Co-Founder of Reddit

Is there a better way
?
We got to slowdown and
think outside the box!
The Big Picture
Go!
www.example.com
You got a response from Example.com
How does this actually work?
Go!
www.example.com
Data Server
Client
192.168.1.x
Data / Content Files
Audio, Video, Docs, etc
Code / Script Files
JS, PHP, Ruby, etc



Web Server
93.184.216.x
In a nutshell? 🙂
You got a response from Example.com
Submarine Cable Network
Generations
of the Web
Web 1.0 / 90s
Web 2.0 / 2000s
Web 3rd Gen
Expensive Domains!
Web Languages
HTML and CSS
JS and VBScript
Tools: Dreamweaver and FrontPage
First Browser War: Netscape and IE
Mobile: WAP Based Websites
Web Developer? Who are you?
HTML4, CSS 2, JavaScript ES4/5
Web Apps, Social Networks, Forums, Blogging Platforms, Wiki, Video Sharing, Gaming, RSS...
AJAX! Load content on the fly
Better Design (UI / UX)
Second Browser War: Firefox, Opera, IE, Chrome, Safari
Cross-browser issues? JQuery to the Rescue!
Web Developers? Superstars of the time!
Front-End Developers started to emerge.
HTML5, CSS3, LESS, JavaScript (ES6, ES7) / TypeScript
Browsers (Auto-Update): Firefox, Edge, Chrome
Lightweight Editors: VS Code, Atom, Brackets, Sublime Text
Web-based Tools and Services: GitHub, Plunker, CodePen
Rise of the Web (Front-End) Technologies
Web (Front-End) Technologies on Back-End / Server-Side
Modular Web and Software!
Cross-Platform & Universal Technologies
Cordova, NodeJS
OWA, PWA, Hybrid Mobile Apps,
IoT, AI, AR / VR



The world's most misunderstood programming language



Programming Languages Ranking
Publish to the world...
The
Learning
Path
Why it
matters?
Languages
Databases
Libraries
Frameworks
CMS
Platforms
Services
Tools
Front-End
Back-End
High-Level
Low-Level
HTML
CSS
JavaScript
HAML
LESS
SASS
TypeScript
PHP
C#
ASP.NET
Ruby
Python
Java
Bootstrap
JQuery
Angular
Backbone
React
Ruby on Rails
ASP.NET MVC
Node.JS
Express
Django
CodeIgniter
CakePHP
Laravel
Zend
WordPress
Joomla
Drupal
Squarespace
Wix
Magento
CMSMS
Shopify
MySQL
SQL Server
MongoDB
Oracle
NoSQL
Postgres
Aptana Studio
Android Studio
Dreamweaver
PhpStorm
Eclipse
NetBeans
SublimeText
Brackets
Visual Studio
And the list goes on...
Where to
start?
?
Learn to climb the tree
Free and Open-Source!
Non-Free or Commercial Software makes you dependent
Free and Open-Source Software makes you independent!
- Free software is not just any software with zero price
- A truly free software has no imposed limitations and its public domain (not owned by anybody)
- You are free to distribute, study, make changes and contribute
- You are free to use it across different platforms
Clarity, choice and freedom.
Get
Started
What we're going
to create?
Web Apps and Themes
For all screen sizes and platforms
Tools, Services,
and Technologies










Get started and build great things.
UX Design
What we're going
to create?
Under Construction
What is UX Design?
The process of enhancing user satisfaction by improving the usability, accessibility and pleasure provided in the interaction between the user and the product.
Think
Don't
Do
Conversion
SEO
Profit
Value
Accessibility
Satisfaction
UX Design Process
- Strategy
- Research
- Analysis
- Design
- Development
- Launch
Let's start adding
value and experience.
Front-End
What we're going
to create?
For all screen sizes and platforms
Modern Web Apps, Themes, and 15-20 Components!



HTML5
CSS3
JavaScript

Node.JS
Angular
Less
Gulp

TypeScript
Weback
Advanced
First Impression is the last Impression.
Web
What we're going
to create?
Complete Web Apps, Blog, Forum, Chat, Wiki, Social Media, eCommerce...
For all screen sizes and platforms
A back-end (server-side) language is required

Runs JavaScript outside the browser, on desktop, server, mini-computers, embedded systems, and almost anywhere...
Lightning fast, perfect for data-intensive and real-time application


M
E
A
N

Learning the Full Stack.
Mobile
What we're going
to create?
Mobile Apps, Player, Chat, Games, Wiki, eCommerce...
For all devices and platforms
Hybrid!
Building mobile and web apps using the same Web technologies.
Reuse existing web development skills and technologies.
Code reuse 95% - 100%.
Direct access to native functionality.
Faster development.
Under Construction

Your App



Single code on multiple platforms
A framework for building cross-platform mobile apps using web technologies.
Build mobile apps simple and beautiful.

Under Construction






This thing is AWESOME!
Seriously!
Developing for Mobiles.
Desktop
A framework for building cross-platform desktop apps using web technologies.
Build desktop apps simple and beautiful as a web page.


Native Functionality
Auto Update
Developing for Desktops.
Internet of Things
IoT

Smart Environment
IoT lifecycle
- Collect
- Communicate
- Analyze
- Act
- Devices and sensors are collecting data everywhere
- Sending data and events through network to some destination
- Creating information form the data
- Taking action based on the information and data

Generations of Industry
Industry 1.0
Industry 2.0
Industry 3.0
Industry 4.0
The mechanization of production using steams and water power.
End of 18th century
First assembly line.
Mass production using electrical energy.
Beginning of 20th century
First programmable logic controller (PLC).
Using of electronics and IT for further production automation.
Beginning of the 1970s of the 20th century.
Digital manufacturing cyber-physical production system (CPPC), merging of the real and virtual world.
Today












Industry 4.0








Smart Mobility
Smart Homes
Social Web
Business Web
Social Grid
Smart Buildings
Smart Logistics
Embedded Computers





Raspberry Pi 3
Asus Tinker Board
Arduino
NodeMCU
Onion Omega 2
Raspberry Pi

!==

RaspberryPi is not a pie!


ID card sized computer
Simple, open-source and easy to maintain
Inexpensive and consumes less evergy
Prototype computer for hobbyists and professionals

GPIO header
(General Purpose Input/Output)
USB 2.0
DSI display port
(Display Serial Interface)
SD card slot
Micro USB power
Micro-Processor
HDMI out
CSI camera port
Ethernet port
Audio out

Can run a verity of OS.






IoT
Empower everyone to build a more connected world.

+
Working with the Little Things in life.
Beyond
Technology
"Teach others your knowledge and learn the knowledge of others so you will bring your knowledge to perfection and learn something which you do not know."
— Ḥasan ibn ʿAli ibn Abī Ṭālib

Hands-on Learning
Most Up-to-date
Learn by Making
Clear Learning Path and Freedom of Choice
Collaboration of Students and Developers
Professional and Friendly Environment
Tasks and Assessments
Ethics and Morals
Time Management and Care for Health
World-Class Collaboration System & Tools
Startup
Developer
Student
Entrepreneur
Dropout
For those who wish
to do great things!
"Give a man a fish and you feed him for a day. Teach a man to fish and you feed him for a lifetime."
— Chinese Proverb
Learn effective, Work smart
and Care.
Any questions?
?
www.skyimpel.com
fb.com/SkyImpel
twitter.com/SkyImpel
Thank you!
Peace be upon you
السلام عليكم
salam@skyimpel.com

Kickstart: Universal & Cross-Platform Development
By SkyImpel
Kickstart: Universal & Cross-Platform Development
Introductory Slides for Full-Stack Development.
- 969