SlideShare a Scribd company logo
1 of 56
HOW TO START
(ANYTHING
ABOUT CODE)
Journey of a self taught JS Developer
Agenda
● Self Introduction
● Answering Q & A in Meetup.com
● Reason Not to Code
Agenda (cont.)
● The great language debate
● Overview of each Language
● The Learning Path
● How do you know you are employable
SELF
INTRODUCTION
It’s quick, I promise
Qualification(?)
● Mechanical Engineer Degree
● Mech. Design Engineer – 2 years
● Application (Sales) Engineer – 3 years
● Programmer – now, and hopefully forever
Why am I here
● Been there, done that
● Wish someone else will guide me instead of me figuring things out the hard way
● Still learning, and will probably continue to
MEETUP Q&A
Get the main point out first
Chances of getting into IT
industry without a CS Degree
● In my previous company, half of the team are non CS degree holder
● Biggest hurdle – going through HR screening.
● Most developers/ team lead don’t care about degrees
Where do I start
● Whole point of this meet-up
● Summary
○ Learn coding concept from scratch
○ Pick a purpose/product
○ Pick a language
○ Pick a framework that is based on your language
○ Work on portfolio
How long does it take for me to be good at
coding or experienced to ask for a job
● Once you have a working portfolio that can be used as a showcase of your product
● can be bare bone, as long as it demonstrates your knowledge
● Pick up the finer details once you are hired
Transition from UI-UX into frontend
developer.
● UI / UX designer are different things from Front End Development
● UI/UX are a conceptual idea on how a product should look / should behave, and not specific
compared to something called coding
A bunch of
codes/server with
repeated QA
• You cannot transition from UI/UX into a front end developer, because
they are 2 fundamentally different discipline
• Experienced Front End Developer might have a good idea on how UI/UX
implementation is, but it doesn’t mean that they are correlated.
How to start working on small jobs related
to coding using platforms eg fiverr?
● Never done it , to be honest, but competition is fierce and pay is meager
● You have higher chance if you go around startupMamak and approach folks that are
interested for a web developer
How to make the leap from theory to
practical
● Work on an actual project
○ Freelance (cheap it might be)
○ web/mobile app (that can be accessed and used outside test environment)
REASON NOT TO
CODE
You want a website
● A lot of websites nowadays come with a template based drag and drop capability that
allows creation of website yourself
● Limited, but it allows full control of websites from you without the need of a 3rd party
developer
WordPress
Wix
Square Space
You want a mobile App
● A mobile App has much more hurdle to create compared to websites
● Better off if you hire an agency/freelancer for your creation
You want to see result fast
● Contrary to popular belief, creating an IT Product (Websites /App/ Data scientist github)
that is commercially viable takes time
REASON TO CODE
Job Opportunity
● NST Listed Data Scientist as an emerging career
● Hays Recruiting, Randstad listed IT as an emerging career trend
● Job calls from recruiter twice a week – Personal Experience
Freelancing Opportunity
● Go to StartupMamak (A facebook community about startup) and KLJS long enough, you will
eventually get somebody asking for freelancers
● Nuff Said
Low Bar of Entry
● A Computer (doesn’t have to be a high performance one) is all you need.
● All tools available are FREE online
● Do not mistake it as easy to master. It’s not
JobStreet Statistic
● Statistic is taken from Job Street Salary Report
2018 for ICT Industry (Central Region)
● Senior Mgr (Min Salary 12.9k, max 18.1k)
● Manager (Min Salary 6.9k, max 9.5k)
● Senior Exec (Min Salary 4.1k, max 5.9k)
● Junior Exex (Min Salary 2.7k. Max 3.9k)
THE GREAT
LANGUAGE
DEBATE
JavaScript Sucks, and Java sucks too while
you are at it
Honestly
● It’s a waste of time to spend months of time deciding months to decide what language to
start learning.
● It’s easier to pick up another language once you master one of them
● Way easier
OVERVIEW OF
EACH LANGUAGE
C, C++
● The Language most engineers learn during college
● Mainly used for low level / machine level programming
○ Arduino (to interface with machines,board)
○ Game Engine
○ PLC and PCB control
● Not recommended to learn as freelancers
Java
● The language most CS graduates learn during college
● Mainly used in enterprise level for Server back end purposes
● Also used for Android App Programming (although Kotlin is taking over)
● Dominant Framework : Java Spring
JavaScript
● The Dominant Language of the Web
● It’s usually pointless to pick up JS alone
● Web Design Route
○ Pick up HTML, CSS
● Node Route (The BackEnd Route)
○ Express/Meteor, MongoDB/SQL
● Dominant Framework : ……
JAVASCRIPT
IS NOT JAVA
Python
● Easier to learn than Java, although it is the slowest among Java/C++ (not that it matters that
much)
● Used in Machine Learning, Data Science Field
● Also used for back end purpose – Web Scrapping, Server Automation
● Dominant Framework : Panda, Numpy, Tensor, Django
PHP
● Server Side Programming Language, mainly for web development/freelancer
● Used to be dominant back end language, but draws some criticism because of its language
limitation (PHP5.x)
● Some old company might still use pure php 5.x, but most switched to php 7.0
● Dominant Framework : Laravel
WordPress
Swift
● If you want to write app in MAC OSX / IOS, you don’t really have a choice
● Based on C++/C#
SQL
● It’s the language of Database, the dominant one
● Used for information Storing (C-R-U-D)
● Comes with a few flavor, MYSQL, Microsoft SQL Server, PostGres
● Easy to Pick Up (1 – 2days of learning) and it will impress a lot of job interviewer
● Utility
C#
● It’s the programming language if you want to write on Microsoft Platform (.NET)
● The .NET can be used on writing app, including web, mobile, desktop, gaming, IoT, cloud,
and microservices.
LEARNING PATH
The Web Stack
● Recommended if you want to work as a Website / Front End Programmer
HTML
CSS
JavaScript
Learn AJAX
● How to fetch data from the internet
● REST API, Http Protocol
● How to send data to the internet
Pick A JavaScript Framework
●ReactJS
●Angular
●VueJS
Pick a CSS Library
● Bootstrap
● Bootstrap
● Bootstrap
● Bootstrap
● Bootstrap
● Bootstrap
● Bootstrap
● Bootstrap
Practical Work
● Start working on a decent mock up on
○ A to do Web App
○ A ecommerce mockup
○ A website about you
● Now with practice, you should be able to get into an entry level front end programmer work
The Data Science Stack
● Recommended if you want to work as a data scientist
Learn Python (3.x)
Learn Pandas
Learn MatPlotLib
Optional (?)
● Machine Learning and Trend prediction
Neural Analysis (?)
● KERAS (Neural Network Library)
Start Doing a Practical Project
● Grab a bunch of online database (Kaggle.com) and start doing Analysis on it
WRAP UP
It’s quick, I promise

More Related Content

Similar to HOW TO START (ANYTHING ABOUT CODE).pptx

Flutter not yet another mobile cross-platform framework - i ox-kl19
Flutter   not yet another mobile cross-platform framework - i ox-kl19Flutter   not yet another mobile cross-platform framework - i ox-kl19
Flutter not yet another mobile cross-platform framework - i ox-kl19oradoe
 
Flutter Developer Journey - GDSC Indore (1).pdf
Flutter Developer Journey - GDSC Indore (1).pdfFlutter Developer Journey - GDSC Indore (1).pdf
Flutter Developer Journey - GDSC Indore (1).pdfSarikaPurohit1
 
Programming for non tech entrepreneurs
Programming for non tech entrepreneursProgramming for non tech entrepreneurs
Programming for non tech entrepreneursRodrigo Gil
 
Dynatech presentation for TSI Career Day
Dynatech presentation for TSI Career DayDynatech presentation for TSI Career Day
Dynatech presentation for TSI Career DayArtur Babyuk
 
Create first android app with MVVM Architecture
Create first android app with MVVM ArchitectureCreate first android app with MVVM Architecture
Create first android app with MVVM Architecturekhushbu thakker
 
AppDynamics User Group
AppDynamics User GroupAppDynamics User Group
AppDynamics User GroupMike Ruangutai
 
Workshop-BuildingSoftware-June2023.pptx
Workshop-BuildingSoftware-June2023.pptxWorkshop-BuildingSoftware-June2023.pptx
Workshop-BuildingSoftware-June2023.pptxRajmohan Kathiresan
 
DrupalCon Europe 2020 Low Code
DrupalCon Europe 2020 Low CodeDrupalCon Europe 2020 Low Code
DrupalCon Europe 2020 Low CodeAlejandro Moreno
 
Carrier opportunities in Web Development (1).pptx
Carrier opportunities in Web Development (1).pptxCarrier opportunities in Web Development (1).pptx
Carrier opportunities in Web Development (1).pptxJignesh600359
 
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and MockitoQCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and MockitoSzczepan Faber
 
How to Become a Technical Product Manager by Goop.com Tech PM
How to Become a Technical Product Manager by Goop.com Tech PMHow to Become a Technical Product Manager by Goop.com Tech PM
How to Become a Technical Product Manager by Goop.com Tech PMProduct School
 
Evolving to Cloud-Native - Anand Rao
Evolving to Cloud-Native - Anand RaoEvolving to Cloud-Native - Anand Rao
Evolving to Cloud-Native - Anand RaoVMware Tanzu
 
Using JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile ApplicationsUsing JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile ApplicationsDerek Anderson
 
The Software Development Industry
The Software Development IndustryThe Software Development Industry
The Software Development IndustryOlivier Bourgeois
 

Similar to HOW TO START (ANYTHING ABOUT CODE).pptx (20)

Flutter not yet another mobile cross-platform framework - i ox-kl19
Flutter   not yet another mobile cross-platform framework - i ox-kl19Flutter   not yet another mobile cross-platform framework - i ox-kl19
Flutter not yet another mobile cross-platform framework - i ox-kl19
 
Flutter Developer Journey - GDSC Indore (1).pdf
Flutter Developer Journey - GDSC Indore (1).pdfFlutter Developer Journey - GDSC Indore (1).pdf
Flutter Developer Journey - GDSC Indore (1).pdf
 
RealDay: Angular.js
RealDay: Angular.jsRealDay: Angular.js
RealDay: Angular.js
 
Programming for non tech entrepreneurs
Programming for non tech entrepreneursProgramming for non tech entrepreneurs
Programming for non tech entrepreneurs
 
Dynatech presentation for TSI Career Day
Dynatech presentation for TSI Career DayDynatech presentation for TSI Career Day
Dynatech presentation for TSI Career Day
 
How to Become a Web Developer_.pdf
How to Become a Web Developer_.pdfHow to Become a Web Developer_.pdf
How to Become a Web Developer_.pdf
 
Learning to code in 2020
Learning to code in 2020Learning to code in 2020
Learning to code in 2020
 
Hexagonal architecture
Hexagonal architectureHexagonal architecture
Hexagonal architecture
 
Create first android app with MVVM Architecture
Create first android app with MVVM ArchitectureCreate first android app with MVVM Architecture
Create first android app with MVVM Architecture
 
AppDynamics User Group
AppDynamics User GroupAppDynamics User Group
AppDynamics User Group
 
Better java with design
Better java with designBetter java with design
Better java with design
 
Workshop-BuildingSoftware-June2023.pptx
Workshop-BuildingSoftware-June2023.pptxWorkshop-BuildingSoftware-June2023.pptx
Workshop-BuildingSoftware-June2023.pptx
 
DrupalCon Europe 2020 Low Code
DrupalCon Europe 2020 Low CodeDrupalCon Europe 2020 Low Code
DrupalCon Europe 2020 Low Code
 
Carrier opportunities in Web Development (1).pptx
Carrier opportunities in Web Development (1).pptxCarrier opportunities in Web Development (1).pptx
Carrier opportunities in Web Development (1).pptx
 
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and MockitoQCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
QCon'17 talk: CI/CD at scale - lessons from LinkedIn and Mockito
 
How to Become a Technical Product Manager by Goop.com Tech PM
How to Become a Technical Product Manager by Goop.com Tech PMHow to Become a Technical Product Manager by Goop.com Tech PM
How to Become a Technical Product Manager by Goop.com Tech PM
 
Evolving to Cloud-Native - Anand Rao
Evolving to Cloud-Native - Anand RaoEvolving to Cloud-Native - Anand Rao
Evolving to Cloud-Native - Anand Rao
 
Using JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile ApplicationsUsing JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile Applications
 
Debugging 2013- Lars pedersen
Debugging 2013- Lars pedersenDebugging 2013- Lars pedersen
Debugging 2013- Lars pedersen
 
The Software Development Industry
The Software Development IndustryThe Software Development Industry
The Software Development Industry
 

Recently uploaded

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsTechSoup
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdfssuserdda66b
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701bronxfugly43
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Association for Project Management
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxAmanpreet Kaur
 

Recently uploaded (20)

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 

HOW TO START (ANYTHING ABOUT CODE).pptx

  • 1. HOW TO START (ANYTHING ABOUT CODE) Journey of a self taught JS Developer
  • 2. Agenda ● Self Introduction ● Answering Q & A in Meetup.com ● Reason Not to Code
  • 3. Agenda (cont.) ● The great language debate ● Overview of each Language ● The Learning Path ● How do you know you are employable
  • 5. Qualification(?) ● Mechanical Engineer Degree ● Mech. Design Engineer – 2 years ● Application (Sales) Engineer – 3 years ● Programmer – now, and hopefully forever
  • 6. Why am I here ● Been there, done that ● Wish someone else will guide me instead of me figuring things out the hard way ● Still learning, and will probably continue to
  • 7. MEETUP Q&A Get the main point out first
  • 8. Chances of getting into IT industry without a CS Degree ● In my previous company, half of the team are non CS degree holder ● Biggest hurdle – going through HR screening. ● Most developers/ team lead don’t care about degrees
  • 9. Where do I start ● Whole point of this meet-up ● Summary ○ Learn coding concept from scratch ○ Pick a purpose/product ○ Pick a language ○ Pick a framework that is based on your language ○ Work on portfolio
  • 10. How long does it take for me to be good at coding or experienced to ask for a job ● Once you have a working portfolio that can be used as a showcase of your product ● can be bare bone, as long as it demonstrates your knowledge ● Pick up the finer details once you are hired
  • 11. Transition from UI-UX into frontend developer. ● UI / UX designer are different things from Front End Development ● UI/UX are a conceptual idea on how a product should look / should behave, and not specific compared to something called coding
  • 12. A bunch of codes/server with repeated QA • You cannot transition from UI/UX into a front end developer, because they are 2 fundamentally different discipline • Experienced Front End Developer might have a good idea on how UI/UX implementation is, but it doesn’t mean that they are correlated.
  • 13. How to start working on small jobs related to coding using platforms eg fiverr? ● Never done it , to be honest, but competition is fierce and pay is meager ● You have higher chance if you go around startupMamak and approach folks that are interested for a web developer
  • 14. How to make the leap from theory to practical ● Work on an actual project ○ Freelance (cheap it might be) ○ web/mobile app (that can be accessed and used outside test environment)
  • 16. You want a website ● A lot of websites nowadays come with a template based drag and drop capability that allows creation of website yourself ● Limited, but it allows full control of websites from you without the need of a 3rd party developer
  • 18. Wix
  • 20. You want a mobile App ● A mobile App has much more hurdle to create compared to websites ● Better off if you hire an agency/freelancer for your creation
  • 21. You want to see result fast ● Contrary to popular belief, creating an IT Product (Websites /App/ Data scientist github) that is commercially viable takes time
  • 23. Job Opportunity ● NST Listed Data Scientist as an emerging career ● Hays Recruiting, Randstad listed IT as an emerging career trend ● Job calls from recruiter twice a week – Personal Experience
  • 24. Freelancing Opportunity ● Go to StartupMamak (A facebook community about startup) and KLJS long enough, you will eventually get somebody asking for freelancers ● Nuff Said
  • 25. Low Bar of Entry ● A Computer (doesn’t have to be a high performance one) is all you need. ● All tools available are FREE online ● Do not mistake it as easy to master. It’s not
  • 26. JobStreet Statistic ● Statistic is taken from Job Street Salary Report 2018 for ICT Industry (Central Region) ● Senior Mgr (Min Salary 12.9k, max 18.1k) ● Manager (Min Salary 6.9k, max 9.5k) ● Senior Exec (Min Salary 4.1k, max 5.9k) ● Junior Exex (Min Salary 2.7k. Max 3.9k)
  • 27. THE GREAT LANGUAGE DEBATE JavaScript Sucks, and Java sucks too while you are at it
  • 28. Honestly ● It’s a waste of time to spend months of time deciding months to decide what language to start learning. ● It’s easier to pick up another language once you master one of them ● Way easier
  • 30. C, C++ ● The Language most engineers learn during college ● Mainly used for low level / machine level programming ○ Arduino (to interface with machines,board) ○ Game Engine ○ PLC and PCB control ● Not recommended to learn as freelancers
  • 31. Java ● The language most CS graduates learn during college ● Mainly used in enterprise level for Server back end purposes ● Also used for Android App Programming (although Kotlin is taking over) ● Dominant Framework : Java Spring
  • 32. JavaScript ● The Dominant Language of the Web ● It’s usually pointless to pick up JS alone ● Web Design Route ○ Pick up HTML, CSS ● Node Route (The BackEnd Route) ○ Express/Meteor, MongoDB/SQL ● Dominant Framework : ……
  • 34. Python ● Easier to learn than Java, although it is the slowest among Java/C++ (not that it matters that much) ● Used in Machine Learning, Data Science Field ● Also used for back end purpose – Web Scrapping, Server Automation ● Dominant Framework : Panda, Numpy, Tensor, Django
  • 35. PHP ● Server Side Programming Language, mainly for web development/freelancer ● Used to be dominant back end language, but draws some criticism because of its language limitation (PHP5.x) ● Some old company might still use pure php 5.x, but most switched to php 7.0 ● Dominant Framework : Laravel
  • 37. Swift ● If you want to write app in MAC OSX / IOS, you don’t really have a choice ● Based on C++/C#
  • 38. SQL ● It’s the language of Database, the dominant one ● Used for information Storing (C-R-U-D) ● Comes with a few flavor, MYSQL, Microsoft SQL Server, PostGres ● Easy to Pick Up (1 – 2days of learning) and it will impress a lot of job interviewer ● Utility
  • 39. C# ● It’s the programming language if you want to write on Microsoft Platform (.NET) ● The .NET can be used on writing app, including web, mobile, desktop, gaming, IoT, cloud, and microservices.
  • 41. The Web Stack ● Recommended if you want to work as a Website / Front End Programmer
  • 42. HTML
  • 43. CSS
  • 45. Learn AJAX ● How to fetch data from the internet ● REST API, Http Protocol ● How to send data to the internet
  • 46. Pick A JavaScript Framework ●ReactJS ●Angular ●VueJS
  • 47. Pick a CSS Library ● Bootstrap ● Bootstrap ● Bootstrap ● Bootstrap ● Bootstrap ● Bootstrap ● Bootstrap ● Bootstrap
  • 48. Practical Work ● Start working on a decent mock up on ○ A to do Web App ○ A ecommerce mockup ○ A website about you ● Now with practice, you should be able to get into an entry level front end programmer work
  • 49. The Data Science Stack ● Recommended if you want to work as a data scientist
  • 53. Optional (?) ● Machine Learning and Trend prediction
  • 54. Neural Analysis (?) ● KERAS (Neural Network Library)
  • 55. Start Doing a Practical Project ● Grab a bunch of online database (Kaggle.com) and start doing Analysis on it