The Whats & Whys in a FE Senior position

Developer Tools Design Tools Continuous Integration

Webpack Landing Page
1

Webpack

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Pricing:
- Open Source
Errors during the building phase of an application are not odd, in fact, several times they are expected, knowing about the process under the hood can give some guidance related to the issues and how to fix them; also what if the client complaints about a lot of console errors, the performance of the page is too low, the build takes a lot of time to get deployed, all of these could be part of a lack of knowledge in the process of building and deploying. Required flags, changing the build environment, optimize the build, tree shaking the build, handling alerts on the build size, all of this needs to be covered; learning about Webpack and Rollup could have a big impact in your next deploy.

#Web Application Bundler #JS Build Tools #Module Bundler 220 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 869 social mentions
Storybook Landing Page
3

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
TIP: Among the best tools for accomplishing this sync up is Storybook, if you are not familiar yet, you could give it a try, thanks me later.

#React #React Components #Developer Tools 205 social mentions
Materialize CSS Landing Page
4

Materialize CSS

A modern responsive front-end framework based on Material Design
Pricing:
- Open Source
#CSS Framework #Development Tools #Design Tools 25 social mentions
GraphQL Landing Page
5

GraphQL

GraphQL is a data query language and runtime to request and deliver data to mobile and web apps.
Pricing:
- Open Source
The only constant is the change, even more in technology; some years ago, there was something called SOAP, the most used way to interact with http request/responses in xml format; later we had(and still have) Rest has been hanging around for a while, the days of interacting with XMLs are over(for most of the devs out there), plenty of services rely on Rest now; Graphql is the new member of the family, even though it is not a protocal, instead a query language, makes the API interaction cleaner, it is easy to learn and use, and has a lot of support, so better start learning now!

#Developer Tools #Web Frameworks #JavaScript Framework 223 social mentions
GitHub Actions Landing Page
6

GitHub Actions

Automate your workflow from idea to production
Pricing:
- Open Source
TIP: there are plenty of platforms for working and understanding CI/CD, you can check for instance GitHubActions, TravisCI, CircleCI before jumping to Azure, AWS or Jenkins.

#DevOps Tools #Continuous Integration #Continuous Deployment 275 social mentions
CircleCI Landing Page

7

CircleCI

CircleCI gives web developers powerful Continuous Integration and Deployment with easy setup and maintenance.

TIP: there are plenty of platforms for working and understanding CI/CD, you can check for instance GitHubActions, TravisCI, CircleCI before jumping to Azure, AWS or Jenkins.

#Continuous Integration #Continuous Deployment #DevOps Tools 61 social mentions