Frontend development for full stack devs

Doguhan Uluca
Doguhan UlucaJavaScript Specialty Lead at Excella Consulting
Frontend Development
For Full Stack Devs
Brian Conn (TheConnMan)
AGENDA
• About Me
• Definition of Full Stack Dev
• Frontend Development
• Ecosystem
• Pressure on Full Stack Devs
• Staying Afloat
• Q & A
About Me
• Currently work for Netuitive
• Previously in the government consulting space
• Generally work with Java stacks
• Creator of many side projects, almost all on GitHub
• Primarily a web developer
• Windows user
brian@theconnman.com
http://theconnman.com
https://github.com/TheConnMan
FULL STACK DEVELOPER
• Works across multiple (not
necessarily all) layers of the typical
three-tier application stack (UI,
backend server, database)
• Takes part in operations
• Responsible for their own code
throughout the entire development
lifecycle
Integration
Points
Core
Components
Generalist Specialist
Bull Dog
Architect Integrator
True Expert
Me
Frontend
Development
ECOSYSTEM
• Proliferation of JavaScript everything (including server-side JavaScript)
• Recreation of server-side tooling for client-side
• Task runners, dependency management, MVC
• Large number of frontend frameworks (both JavaScript and CSS)
• Precompilers which multiply the number of frontend “languages”
• CoffeeScript, TypeScript, SASS, LESS
• Accelerating increase in full application complexity
PRESSURES ON FULL STACK DEVS
• Frontend development is moving too quickly
• Increasing amount of ground to cover
• Movement from creating software to integrating software
• Pressure to specialize, especially in larger organizations
…So what do we do?
STAYING AFLOAT
• Regularly reevaluate, but don’t expand, your core tool stack
• Climb on the bandwagon carefully
• Use a small number of mature frameworks
• CSS: Don’t
• Practice good frontend hygiene
• Take ownership of everything you build and learn from it
• Others?
• Self Awareness – Figure out your strengths and weaknesses
MY TOOL STACK
• Frontend Framework – AngularJS
• CSS Framework – Semantic UI
• Frontend Dependency Management – Bower
• Backend – Grails
• DB - MySQL
• Editor – Atom/IntelliJ IDEA
• Build Server – Jenkins
• Deployment – Docker and AWS Elastic Beanstalk
• Source Control - GitHub
MY TOOL STACK
• Frontend Framework – AngularJS
• CSS Framework – Semantic UI
• Frontend Dependency Management – Bower
• Backend – Grails
• DB - MySQL
• Editor – Atom/IntelliJ IDEA
• Build Server – Jenkins
• Deployment – Docker and AWS Elastic Beanstalk
• Source Control - GitHub
But what about [insert hottest
new JavaScript thing here]?
Q & A
1 of 11

Recommended

Dadaísmo by
DadaísmoDadaísmo
DadaísmoJoão Paulo Myrria
958 views5 slides
Source Code Management for Beginners: Become a Contributor with Git and GitHub by
Source Code Management for Beginners: Become a Contributor with Git and GitHubSource Code Management for Beginners: Become a Contributor with Git and GitHub
Source Code Management for Beginners: Become a Contributor with Git and GitHubDoguhan Uluca
760 views51 slides
AWS Lambda Presentation (Tech Talk DC) by
AWS Lambda Presentation (Tech Talk DC)AWS Lambda Presentation (Tech Talk DC)
AWS Lambda Presentation (Tech Talk DC)Doguhan Uluca
674 views33 slides
ChatGPT and the Future of Work - Clark Boyd by
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
21.3K views69 slides
Getting into the tech field. what next by
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
5.2K views22 slides
Google's Just Not That Into You: Understanding Core Updates & Search Intent by
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
5.9K views99 slides

More Related Content

Recently uploaded

HTTP headers that make your website go faster - devs.gent November 2023 by
HTTP headers that make your website go faster - devs.gent November 2023HTTP headers that make your website go faster - devs.gent November 2023
HTTP headers that make your website go faster - devs.gent November 2023Thijs Feryn
19 views151 slides
Black and White Modern Science Presentation.pptx by
Black and White Modern Science Presentation.pptxBlack and White Modern Science Presentation.pptx
Black and White Modern Science Presentation.pptxmaryamkhalid2916
14 views21 slides
The Research Portal of Catalonia: Growing more (information) & more (services) by
The Research Portal of Catalonia: Growing more (information) & more (services)The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)CSUC - Consorci de Serveis Universitaris de Catalunya
73 views25 slides
Microsoft Power Platform.pptx by
Microsoft Power Platform.pptxMicrosoft Power Platform.pptx
Microsoft Power Platform.pptxUni Systems S.M.S.A.
47 views38 slides
handbook for web 3 adoption.pdf by
handbook for web 3 adoption.pdfhandbook for web 3 adoption.pdf
handbook for web 3 adoption.pdfLiveplex
19 views16 slides
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors by
TouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective SensorsTouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective Sensors
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensorssugiuralab
15 views15 slides

Recently uploaded(20)

HTTP headers that make your website go faster - devs.gent November 2023 by Thijs Feryn
HTTP headers that make your website go faster - devs.gent November 2023HTTP headers that make your website go faster - devs.gent November 2023
HTTP headers that make your website go faster - devs.gent November 2023
Thijs Feryn19 views
Black and White Modern Science Presentation.pptx by maryamkhalid2916
Black and White Modern Science Presentation.pptxBlack and White Modern Science Presentation.pptx
Black and White Modern Science Presentation.pptx
maryamkhalid291614 views
handbook for web 3 adoption.pdf by Liveplex
handbook for web 3 adoption.pdfhandbook for web 3 adoption.pdf
handbook for web 3 adoption.pdf
Liveplex19 views
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors by sugiuralab
TouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective SensorsTouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective Sensors
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors
sugiuralab15 views
STPI OctaNE CoE Brochure.pdf by madhurjyapb
STPI OctaNE CoE Brochure.pdfSTPI OctaNE CoE Brochure.pdf
STPI OctaNE CoE Brochure.pdf
madhurjyapb12 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software225 views
Web Dev - 1 PPT.pdf by gdsczhcet
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
gdsczhcet55 views
Perth MeetUp November 2023 by Michael Price
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023
Michael Price15 views
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive by Network Automation Forum
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLiveAutomating a World-Class Technology Conference; Behind the Scenes of CiscoLive
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive
PharoJS - Zürich Smalltalk Group Meetup November 2023 by Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi120 views
Piloting & Scaling Successfully With Microsoft Viva by Richard Harbridge
Piloting & Scaling Successfully With Microsoft VivaPiloting & Scaling Successfully With Microsoft Viva
Piloting & Scaling Successfully With Microsoft Viva

Featured

Time Management & Productivity - Best Practices by
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
169.7K views42 slides
The six step guide to practical project management by
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
36.6K views27 slides
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright... by
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
12.6K views21 slides
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present... by
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
55.4K views138 slides
12 Ways to Increase Your Influence at Work by
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
401.6K views64 slides
ChatGPT webinar slides by
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slidesAlireza Esmikhani
30.3K views36 slides

Featured(20)

Time Management & Productivity - Best Practices by Vit Horky
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky169.7K views
The six step guide to practical project management by MindGenius
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius36.6K views
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright... by RachelPearson36
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson3612.6K views
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present... by Applitools
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools55.4K views
12 Ways to Increase Your Influence at Work by GetSmarter
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter401.6K views
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G... by DevGAMM Conference
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference3.6K views
Barbie - Brand Strategy Presentation by Erica Santiago
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago25.1K views
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well by Saba Software
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software25.2K views
Introduction to C Programming Language by Simplilearn
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn8.4K views
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr... by Palo Alto Software
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
Palo Alto Software88.3K views
9 Tips for a Work-free Vacation by Weekdone.com
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
Weekdone.com7.2K views
How to Map Your Future by SlideShop.com
How to Map Your FutureHow to Map Your Future
How to Map Your Future
SlideShop.com275.1K views
Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -... by AccuraCast
Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -...Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -...
Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -...
AccuraCast3.4K views
Exploring ChatGPT for Effective Teaching and Learning.pptx by Stan Skrabut, Ed.D.
Exploring ChatGPT for Effective Teaching and Learning.pptxExploring ChatGPT for Effective Teaching and Learning.pptx
Exploring ChatGPT for Effective Teaching and Learning.pptx
Stan Skrabut, Ed.D.57.6K views
How to train your robot (with Deep Reinforcement Learning) by Lucas García, PhD
How to train your robot (with Deep Reinforcement Learning)How to train your robot (with Deep Reinforcement Learning)
How to train your robot (with Deep Reinforcement Learning)
Lucas García, PhD42.5K views
4 Strategies to Renew Your Career Passion by Daniel Goleman
4 Strategies to Renew Your Career Passion4 Strategies to Renew Your Career Passion
4 Strategies to Renew Your Career Passion
Daniel Goleman122K views

Frontend development for full stack devs

  • 1. Frontend Development For Full Stack Devs Brian Conn (TheConnMan)
  • 2. AGENDA • About Me • Definition of Full Stack Dev • Frontend Development • Ecosystem • Pressure on Full Stack Devs • Staying Afloat • Q & A
  • 3. About Me • Currently work for Netuitive • Previously in the government consulting space • Generally work with Java stacks • Creator of many side projects, almost all on GitHub • Primarily a web developer • Windows user brian@theconnman.com http://theconnman.com https://github.com/TheConnMan
  • 4. FULL STACK DEVELOPER • Works across multiple (not necessarily all) layers of the typical three-tier application stack (UI, backend server, database) • Takes part in operations • Responsible for their own code throughout the entire development lifecycle Integration Points Core Components Generalist Specialist Bull Dog Architect Integrator True Expert Me
  • 6. ECOSYSTEM • Proliferation of JavaScript everything (including server-side JavaScript) • Recreation of server-side tooling for client-side • Task runners, dependency management, MVC • Large number of frontend frameworks (both JavaScript and CSS) • Precompilers which multiply the number of frontend “languages” • CoffeeScript, TypeScript, SASS, LESS • Accelerating increase in full application complexity
  • 7. PRESSURES ON FULL STACK DEVS • Frontend development is moving too quickly • Increasing amount of ground to cover • Movement from creating software to integrating software • Pressure to specialize, especially in larger organizations …So what do we do?
  • 8. STAYING AFLOAT • Regularly reevaluate, but don’t expand, your core tool stack • Climb on the bandwagon carefully • Use a small number of mature frameworks • CSS: Don’t • Practice good frontend hygiene • Take ownership of everything you build and learn from it • Others? • Self Awareness – Figure out your strengths and weaknesses
  • 9. MY TOOL STACK • Frontend Framework – AngularJS • CSS Framework – Semantic UI • Frontend Dependency Management – Bower • Backend – Grails • DB - MySQL • Editor – Atom/IntelliJ IDEA • Build Server – Jenkins • Deployment – Docker and AWS Elastic Beanstalk • Source Control - GitHub
  • 10. MY TOOL STACK • Frontend Framework – AngularJS • CSS Framework – Semantic UI • Frontend Dependency Management – Bower • Backend – Grails • DB - MySQL • Editor – Atom/IntelliJ IDEA • Build Server – Jenkins • Deployment – Docker and AWS Elastic Beanstalk • Source Control - GitHub But what about [insert hottest new JavaScript thing here]?
  • 11. Q & A