Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

no code ≠ no development: development workflow for non-developers - No Code Conf 2019

50 views

Published on

Verity Stothard, Front End Developer, GROW Super

Published in: Technology
  • Be the first to comment

  • Be the first to like this

no code ≠ no development: development workflow for non-developers - No Code Conf 2019

  1. 1. NoCode ≠ NoDevelopment @veritystothard
  2. 2. What is good web development?
  3. 3. Empathetic good development is,
  4. 4. The goal: clean, readable code
  5. 5. The goal: clean, readable code
  6. 6. The goal: clean, readable code
  7. 7. Get data on our user
  8. 8. Populate form fields
 with data
  9. 9. On click, submit the form!
  10. 10. Setting your developer up for success
  11. 11. Clarity Scope Kickoffs
  12. 12. Ok, build time!
  13. 13. #1 Build your base
  14. 14. Fonts Sizes Colors
  15. 15. #2 Build your utilities
  16. 16. Tip #1 small scope & are highly reusable
  17. 17. #3 create visibility
  18. 18. #4 Global means global (and specificity is king)
  19. 19. #5 keep like concerns together
  20. 20. 0424 000 000 example@someemail.com
  21. 21. #6 Name everything, (everything) (and use ID’s for Javascript)
  22. 22. 0424 000 000 example@someemail.com
  23. 23. #7 the internet is rectangles
  24. 24. Navigation
  25. 25. Hero Navigation
  26. 26. Hero content Logo Nav Links CTA
  27. 27. #8 give me space
  28. 28. Alfie McDoggo Treat Quality Assurance Tester The Component (with internal spacing) 20px 20px 20px
  29. 29. Alfie McDoggo Treat Quality Assurance Tester The component (with internal spacing) Alfie McDoggo Treat quality assurance tester Littlest Bean Sulking expert Sad Boi Nap time location scout In layout (layout spacing outside component) 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px
  30. 30. #9 build a landing page builder
  31. 31. Ok, so now what?
  32. 32. Living with tech debt Good, better, best
  33. 33. • ‘Quick hack’ culture is hard to recover • Don’t ‘hack and forget’ • Consider the true cost of tech debt
  34. 34. The true cost of tech debt: • Fragile, unreliable (No)Code • Slowed development time • Poor developer experience / morale
  35. 35. HTML & CSS Foundations https://skl.sh/2FUOh3K @veritystothard Learn with me Thank you UnDraw for the lovely illustrations used in this presentation

×