vitorbritto / Workflow Guide
Labels
Projects that are alternatives of or similar to Workflow Guide
This is a work in progress and I will likely add (or replace) more functionality in the future.
Introduction
Hello there! I'm Vitor Britto, a Full Stack Developer extremely passionate about my work. I discovered the world of code almost two decades ago and kept the same passion from the first moment of this discovery. I have worked full time as a freelancer for nearly 4 years developing projects for the web, and I focus part of my time on researchs, collaborative projects, personal projects and writing some articles for my blog.
But, enough about me! I would like to present you this project.
What this is about?
- My workflow context with approaches and methods that I use.
- Tools that makes my Workflow easy.
- My own code conventions, which is inspired by what is popular within the community and flavored with some personal opinions.
- Major dependencies that I use.
Why was it created?
Reason #01
Apply rules and be based on a principle and methodology of process which could maintain the structure of my standards.
Reason #02
Not only have a code style guide, but relevant informations about my Workflow. Thus I always keep the same logic process and can initiate the development of my projects without any questions when making a scaffolding, building process, automation rotines, unit testing and others tasks.
Table of Contents
Workflow
You can find a complete list of applications, utilities, DevOps and Business Tools here:
This is a simple table with approaches and methods that I use at my Workflow.
Strategy | Blueprint | Visual | Develop | Build | Deploy |
---|---|---|---|---|---|
Research | Sitemap | Concepting | Scaffolding | Lint | Test |
Observe | Wireframe | Presentation | Libraries | Concatenate | Optimize |
Understand | Prototype | Refine | Templates | Minify | LAUNCH |
Analyze | Style Guide | Approval | Frameworks | Compile | |
Timeline | Usability | Database |
Strategy and Management
- Trello - Task Management for Old Projects only
- TicTac - Daily Tasks
- Google Drive - Share documents and files
- Dropbox - Share documents and files
- Wakatime - Quantify my coding
- Skype - Business Conferences and Chats
- Slack - Team Messaging
- Gitter - Open Source Communications
Blueprint and Visual
- Sketch - Prototyping and Wireframes
- Photoshop
- Illustrator
Development
Scaffolding
Check the Kickstarts organization where I organize and setup my stacks for every kind of project. It's a initial structure and configuration where I can start coding in a few minutes.
Coding
Front-End:
- HTML5
- CSS3
- JavaScript
Back-End:
- NodeJS
- PHP
Database
- MySQL
- PostgreSQL
- Redis
- MongoDB
Editors
- Visual Studio Code
- MacVim
Build
Frameworks | Libraries | Template Engine | Supersets | Others |
---|---|---|---|---|
React Native | React | Pug | Sass | WordPress |
Angular | jQuery | EJS | PostCSS | WooCommerce |
Ionic | Typescript | Strapi | ||
AdonisJS | GraphQL | |||
Gatsby | AWS | |||
NextJS | Vercel | |||
Express | Netlify | |||
Laravel | ||||
Lumen | ||||
Slim |
... and much more!
Guides
For web projects in which I work from planning to delivery, I use the guides below. If I am on a team that already has established guides, I'll follow the rules already adopted.already adopted. No bullshit, just follow the rules.
General Notes
- [STRATEGY]: Kanban or Scrum method.
- [DEVELOPMENT]: use the SOLID principles.
- [BUILD]: all javascript files must have two spaces (soft tab) and PHP files musta have four spaces (soft tab) FOR INDENTATION.
Be Consistent
The point of having style guidelines is to have a common vocabulary of coding so people can concentrate on what you're saying rather than on how you're saying it. We present global style rules here so people know the vocabulary, but local style is also important. If code you add to a file looks drastically different from the existing code around it, it throws readers out of their rhythm when they go to read it. Avoid this.
References
- Code Guide by @mdo
- Airbnb CSS Style Guide
- Airbnb JavaScript Style Guide
- John Papa Angular Style Guide
- Todd Motto Angular Style Guide
- Douglas Crockford's Code Conventions for JavaScript
- Felix Geisendรถrfer Node.js Style Guide
- Airbnb Ruby Style Guide
- Bozhidar Batsov Style Guide
- Github Ruby Style Guide
License
MIT License ยฉ Vitor Britto