Front-end development tooling

[bernardodiasc]

Front-end FRAMEWORKS!

Showcases

This website

• Live project 2018: https://bernardodiasdacruz.com/
• Documentation: https://bernardodiasdacruz.com/docs/
• Source code: https://github.com/bernardodiasc/bernardodiasc.github.io

X-Team Legacy

• Live project 2018: https://x-team.com/legacy/
• Documentation: https://x-team.com/legacy/docs/
• Source code version 2: https://github.com/x-team/x-team-com-new/tree/develop/legacy
  • Version 1: https://github.com/x-team/x-team-com-new/tree/ff47e97173153bcc498e5ec4b0965ed8eb5c4256/legacy

Recorded demo

1. https://cl.ly/2a1a2W1k4132
2. https://cl.ly/23452S1R350p
3. https://cl.ly/1W0v1L2U1E12

FOX DCG DPP (2016)

• Preview: localhost
• Source code: https://gitlab.com/bernardodiasc/dcg-storybook

Recorded demo

to do: need to install and record something
there are slides ready about this but I'm not sure if I can share publicly

Experiments

• Studies: https://github.com/bernardodiasc/framework

Resources

to do: haven't read yet, just tracked first page results on google

• https://github.com/tooling/book-of-modern-frontend-tooling
• https://www.sitepoint.com/front-end-tooling-trends-2017/
• https://medium.freecodecamp.org/launching-the-front-end-tooling-survey-2018-927bf975fdf0
• https://www.webdesignerdepot.com/2017/04/the-state-of-front-end-tooling/
• https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018
• PT-BR (30min video) Front-end Tooling - Dicas de ferramentas para melhorar a produtividade 2016 https://www.youtube.com/watch?v=nVpKO0OYLBM
• https://css-tricks.com/the-state-of-front-end-tooling/
• https://www.creativebloq.com/advice/master-frontend-tooling