The above presentation is about the portfolio building. You will also get the market trends on creating the portfolio.

1. www.webstackacademy.com
www.webstackacademy.com
Building YOUR online portfolio
DISHA – Workshop

2. www.webstackacademy.com
Agenda
• Job market perspective
• Online brand creation
• Portfolio creation
• Resume template
• Dos and Don’ts
• Action items

3. www.webstackacademy.com
Job Market Perspectives
What is the difference between these pictures?

4. www.webstackacademy.com
The Supply vs Demand Gap
▪ Industry academia gap
▪ Technology changing fast
▪ Mindset to learn-unlearn-learn
▪ Business dynamics
▪ Upskilling issues
▪ Cost and Time

5. www.webstackacademy.com
Challenges faced by organizations
▪ Hiring conversion
▪ Joining ratio
▪ Longer time to train-and-deploy into projects
▪ Cost and Time factors
▪ Reliability and Trust factors
▪ Partner ecosystem

6. www.webstackacademy.com
Online portfolio:
Projects
Unique abilities
Differentiation
Orientation:
Interview facing
Company prep
Module prep
Skill Building:
Classroom Exercises
Assignments
Solution approach – The “skill” game

7. www.webstackacademy.com
What comes to your mind?
All Food Tech / IT
Online Home Student

8. www.webstackacademy.com
Build your own Brand
A brand is a name, term, design, or other feature that distinguishes one seller's product from those of
others.
✓ How are you going to differentiate yourself from others in the talent competition?
✓ How are you going to let the recruiter know that you have something special?
✓ How to create an impression on somebody before even they see you?

9. www.webstackacademy.com
Why to create online portfolio?
▪ The beauty of web technologies is that everything can be placed online
▪ Opensource has made things way more easier than we actually think
▪ Tools like (GIT hub) – Action happens here!
▪ Working software is the primary measure of progress – Agile manifesto
▪ Create innovative and attractive projects
▪ Never compromise on foundations
▪ Always Work-In-Progress (WIP) – More check-ins, better it is!

10. www.webstackacademy.com
B
C
D
How to create online portfolio?
A
▪ Complete your internship project and get it evaluated
▪ Obtain certification from WSA
▪ Have the following sections in the portfolio (U can add more also):
▪ Profile summary: Career goals, Time-lines, Social accounts, GIT link, Downloadable resume
▪ Skill-set: Frontend, Backend technologies, Foundations, Databases and Tools
▪ Projects: Project brief, Technologies used, Sample output (Gallery), Challenges & Learnings
▪ Achievements: Other contributions, that stands out (ex: Stack overflow)
▪ Education: Reverse chronological order
▪ Blogs: Building the habit of sharing
▪ Contact: Email ID & Location map

11. www.webstackacademy.com
B
C
D
GITHub profile
A

12. www.webstackacademy.com
B
C
D
Examples – U can search more on your own
GitHub Profile:
https://github.com/devendradora
Portfolio Template:
http://it-worker.ondrejsvestka.cz

13. www.webstackacademy.com
Creating an impressive resume – How?
• The importance of building an ‘impressive’ resume
• How resumes get short-listed?
• There resume should reflect the ‘uniqueness’
• Differentiate even among your batch-mates
• Blocks of a resume:
▪ Header
▪ Skill-set
▪ Projects in reverse chronological order
▪ Previous experience (if any)
▪ Other parameters

14. www.webstackacademy.com
Our Template
• Carefully designed based on our experience with placement companies
• Each field has a specific meaning and a purpose
• Add additional fields as necessary
• Feel free to use this template for applying outside
• Ensure you spend quality time in building it
• Keep it updated, it’s a running document
• Finally – YOUR resume is YOUR brand!
Template
walkthrough

15. www.webstackacademy.com
DOs
• Spend time – Portfolio and Resume
• Continuous integration – Smaller pieces more frequency (Agile!)
• Project yourself properly – Underselling vs Overselling
• Bring out differentiation factors – Even among your classmates!
• Highlight skills, projects, contributions
• Optimal size (4-5 pages for resume, 7-8 sections of portfolio)
• Convey passion / interest for Web development
• Neat formatting
• Call out continuity, in case of issues be ready with honest info
• Ensure accuracy with data (Ex: CGPA)
• Invite the interviewer into your ‘zone’
• Like yourself ☺

16. www.webstackacademy.com
DON’Ts
• Spelling mistakes, formatting errors
• Improper naming, properties etc.
• Cluttered design, Jazzy colors etc..
• Ambiguous email IDs, Phone numbers, Hobbies etc.
• Calling out obvious things (ex: MS Word)
• Hiding important information (ex: YoP)
• Fake experience / projects
• Copy + Paste from friend / colleague
• Keeping it outdated
• Making it too long or too short
• Not able to justify each and every point in resume

17. www.webstackacademy.com
Action points
• Checking in your first project code
• Start filling and building resume and keep it update
• Keep working on more projects
• Apply for jobs – Win with skills

18. www.webstackacademy.com
Stay connected
https://www.linkedin.com/company/webstackacademyit/ https://www.instagram.com/webstackacademyit/

19. www.webstackacademy.com
www.webstackacademy.com ‹#›
Wish you all the best