INTRODUCTORY SESSION FOR

FRESHERS

TECHNICAL CLUBS

LOOP & INT ELLIGENCE;

A brief about WebD Club - LooP

ALERT : DON’T CONFUSE WEBD WITH WEB DESIGNING

Its actually Web Development

What is exactly web development ? Any ideas ?

Problem Solving

Software development

Creativity
Some general statistics - 2019
Active websites – 400 billion
Global population – 7.7 billion
Unique internet users – 4.031 billion
Active social media users – 3.499 billion
Google searches per day – 5.7 billion
Bytes of data per day in 2018 – 2.5 quintillion

Here’s what will interest you

Number of web developers in the US in 2018 – 23 million
Losses per year due to a slow-loading website – $2.6 billion
Percentage of design related first impressions on a website – 94%
Time a user need to form an opinion of a website – 0.05 seconds
Share of mobile in the global e-commerce revenue – 50%
How many users will continue shopping because of great UX – 90%
How much do web developers earn ?
San Francisco - $127,403
New York City - $106.375
Boston - $105,826
Chicago - $94,232
Job Roles
Web Designer (UI/UX designer)

Front-end Web Developer

Back-end Web Developer

Full stack web developer

Android/iOS App Developer

Machine Learning Engineer

Data Scientist

Software development engineer

Database administrator

AND MUCH MORE…..

How to start your career in web development
FRONT END DEVELOPER + BACK END DEVELOPER = FULL STACK DEVELOPER

BACK END TECHNLOGIES & PROGRAMMING LANGUAGES -

PHP, MySQL, MongoDB, JavaScript, Python, Ruby on Rails, Java, ASP.NET, etc…

FRONT END TECHNLOGIES & PROGRAMMING LANGUAGES -

HTML, CSS, JavaScript, jQuery, AngularJS, ReactJS, etc..

COMBINE BOTH AND U R NOW A FULL STACK DEVELOPER

 CONGRATS YOU ARE A WEB DEVELOPER !
So What’s Next ?? BUT
First 2 days THIS IS NOT THE END!
1.) Learn HTML - http://www.w3schools.com
2.) Learn CSS - http://www.w3schools.com
Week-2 IT’S JUST THE FIRST 1% OF THE GAME
3.) Create a basic webpage
Week-3-4
4.) Learn Python - Python Programming Beginner Tutorials by Corey Schafer
5.) Learn PHP - https://www.youtube.com/watch?v=OK_JCtrrv-c
Week-5
6.) Learn MySQL - https://www.youtube.com/watch?v=yPu6qV5byu4
Week-6
7.) Make a small static project
Week-7
8.) Learn JS - JavaScript Tutorials for Beginners By Telusko (Playlist of 60 videos)
Week-8
9.) Practice everything
Week-9
10.) Learn jQuery - https://www.youtube.com/watch?v=2OMzGhlIZpg
Week- 10-13
11.) Create a dominoes pizza booking system - Contact Me/Google for Help
12.) Create an ecommerce website from scratch - Contact Me/Google for Help
Android App Development
Technical Skills : What to learn
1. Java : The most basic building block for android app
development is the programming language Java. Master the
OOPs in it.
2. SQL : It is important for helping you to manages databases of
android apps.
3. XML : It is used for designing user interfaces (UI) and parsing
data feeds from the internet for your android app
4. Android SDK : The Android SDK includes sample code,
software libraries, handy coding tools, and much more to help
you build, test, and debug Android applications.
Kotlin : Adoption
Kotlin is statically typed language for Java Virtual Machine (JVM) and
JavaScript. It includes the features of Java along with some of its
own.

Do you know Java is known for its lengthy codes ? ;^)

Well, Kotlin just corrects this for Java and thus reduces the boiler
plate codes for the android development.
Kotlin may look to
you as a lucrative
language to you but
it is advisable to
learn Java before
Kotlin to master the
JVM and OOP basics !
App Developer Salary Guide
Your way around android app development

Learn Java : 1-2 months of time - practise various programs. Use

‘Computer Science with Java’ by Sumita Arora OR ‘Java for Dummies’
by Barry A. Burd

Then, Learn Android Development : 15-20 days followed by a month of

practice. Use ‘Android Development for Gifted Primates’ by Antonis
Tsagaris OR ‘Android Programming : The Big Nerd Ranch Guide’.

Then, Learn more about it.

Then, Learn Kotlin : Use ‘Kotlin Programming : The Big Nerd Ranch
Guide’
COLOUR GAME
GUESS THE COLOUR ON THE BASIS OF THE PIXELS OF THE

RED , GREEN AND BLUE COLOURS GIVEN TO YOU.

Coding Club Orientation
A brief intro to Competitive Coding
What is it?
● An intellectual sport

● Solving a problem as fast as possible(here fast has many meanings)

● Competing around the world

What is it?
It is a mind sport usually held over the Internet involving
participants trying to solve a programming problem
according to provided specifications.
And why is it actually relevant?
● Become a better, more efficient, and less error-prone coder
And why is it actually relevant
● Become a better, more efficient, and less error-prone coder

● Technical programming interviews will be a piece of cake

● Win prizes and trips to places around the world as you compete with
and meet other motivated and smart students

Most importantly!
It’s really fun!
 Some May Think

Computer science is just about

learning technology
 Some May Think

Computer science is just

about learning technology
Computer science is about logic,
problem solving, and creativity
 ● Learn a programming
language C++ is the most
preferred one! (and my
How to get personal recommendation) :P

started? ● Okay to start out with more

easy to code languages like
Python,Ruby

● People use C++ , Python, JAVA

etc.
 ● Read about Algorithms
○ GeeksforGeeks
How to get ○ Google search! :P
○ Hackerrank
started?
 ● Read about Algorithms
○ GeeksforGeeks
How to get ○ Google search! :P
○ Stack Overflow
started?
 ● Practice makes perfect
Hackerrank
How to get
○
○ Hackerearth

started?
○ Codechef
○ Codeforces
○ And many many more…

● Compete!
Big Daddy of all competitions...
“Be Patient and Have Fun ! Programming
competitions are meant to be fun. If you’re not
having fun, take a break and try coming back
after some time away from your computer. It’s
hard to improve on something if you’re not
enjoying it “ :D
- All great programmers :P
Prerequisites
 ➔ Modulo Arithmetic Basic
Number Theory
Mathematical ➔ Fast Exponentiation
➔ Complexity Analysis
Skills ➔ Sieve of Eratosthenes
➔ Basic Geometry
 ➔ Modulo Arithmetic Basic
Number Theory
Mathematical ➔ Fast Exponentiation
➔ Complexity Analysis
Skills ➔ Sieve of Eratosthenes
➔ Basic Geometry

Don’t worry if you don’t know any

of these. You will learn when you
start Competitive programming.
Basic Structure of a Competitive
Coding Problem
Basic Structure of a Competitive
Coding Problem
Basic Structure of a Problem
Problem Statement: Describes the problem and what output is to be generated.
Usually in form of a long story from which you have to extract the essence.
Basic Structure of a Problem
Problem Statement: Describes the problem and what output is to be generated.
Usually in form of a long story from which you have to extract the essence.

Input: Describes the format of input. Read carefully as missing out any minor
detail lands you in wrong answer zone.
Basic Structure of a Problem
Problem Statement: Describes the problem and what output is to be generated.
Usually in form of a long story from which you have to extract the essence.

Input: Describes the format of input. Read carefully as missing out any minor
detail lands you in wrong answer zone.

Output: Describes the output format of the problem . Just like above, this one also
should be read carefully
Basic Structure of a Problem
Problem Statement: Describes the problem and what output is to be generated.
Usually in form of a long story from which you have to extract the essence.

Input: Describes the format of input. Read carefully as missing out any minor
detail lands you in wrong answer zone.

Output: Describes the output format of the problem . Just like above, this one also
should be read carefully

Constraints: These can include constraints on input, time,memory, code size, etc..
Basic Structure of a Problem
Problem Statement: Describes the problem and what output is to be generated.
Usually in form of a long story from which you have to extract the essence.

Input: Describes the format of input. Read carefully as missing out any minor
detail lands you in wrong answer zone.

Output: Describes the output format of the problem . Just like above, this one also
should be read carefully

Constraints: These can include constraints on input, time,memory, code size, etc..

Time Limit: See if your algorithm can work in this range.

Memory Limit: Usually not a deal breaker

 Learning
Resources
 ➔ Codemonk on HackerEarth

www.hackerearth.com/practice/codemonk

Learning
Resources
 ➔ Codemonk on HackerEarth

www.hackerearth.com/practice/codemonk

➔ Contest Editorials and

Learning Tutorials

Resources
 ➔ Codemonk on HackerEarth

www.hackerearth.com/practice/codemonk

Learning ➔ Contest Editorials and

Tutorials
Resources ➔ cs50 on edx (fully open sourced
computer science course
offered by Harvard for free )
 ➔ Codemonk on HackerEarth

www.hackerearth.com/practice/codemonk

➔ Contest Editorials and

Learning Tutorials
➔ cs50 on edx (fully open sourced
Resources computer science course
offered by Harvard for free )
➔ Google, Stackoverflow
➔ And many more
Prestigious
Competition
 ➔ Codeforces Contests
{Bi-Weekly}
➔ CodeChef Long(10 days),
Prestigious Lunchtime(2.5 hrs) {Monthly}
➔ ACM ICPC {Most Prestigious
Competition Programming Contest}
 ➔ Codeforces Contests
{Bi-Weekly}
➔ CodeChef Long(10 days),
Lunchtime(2.5 hrs) {Monthly}
Prestigious ➔ ACM ICPC {Most Prestigious
Programming Contest}
Competition ➔ Google APAC
➔ Google CodeJam
➔ Facebook HackerCup
 ➔ Practice regularly

General Closing
Notes
 ➔ Practice regularly
➔ Make a group of like minded
people and participate in
General Closing contests.

Notes
 ➔ Practice regularly
➔ Make a group of like minded
General Closing people and participate in
contests.
Notes ➔ And practice regularly
Happy Coding
Thank You