Oct 16, 2018Development teams should maintain coding convention over the projectCoding standards tell developers how they must write their code instead of each developer coding in their own preferred style, they will write all code to the standards outlined in the document. This makes sure that a large project is coded in a consistent style. Coding style is made up…Programming1 min readProgramming1 min read
Oct 7, 2018The Roles and Responsibilities of a Front End Developer — My opinion from my experienceThe Frontend Developer has the main responsibility of producing, maintaining, and supporting the business’s web-based software systems and platform. You have to take part in all aspects of software/site development cycles, all the way from the gathering of the necessary requirements for product code development and maintenance. You have to…Front End Development2 min readFront End Development2 min read
Sep 1, 2018Is learning Photoshop and sketch necessary for a Front End Developer? — My opinionNo, it’s not mandatory but it’s useful. As a frontend developer, I write code in HTML, CSS, Javascript etc but I have a passion also to loves making UIs look fantastic, and shitty design makes me sleep uneasy. If the designer gives you all the assets (images, redline document etc)…Design1 min readDesign1 min read
Mar 4, 2018Introduction to FlexboxFlexbox (also know as flex) is a very powerful layout tool. It solves many layout problems that designers have been struggling to solve for a very long time. Flexbox provides more control to developers who want to build naturally responsive layouts. There is no need to use tables, floats, clearfix…CSS1 min readCSS1 min read
Jan 21, 2018Style react components using Styled-componentsStyled-Components is a CSS tool which helps you organize CSS in your React project. The styled components remove the mapping between components and styles. This means that when you’re defining your styles, you’re creating a standard React component. By using styled components you can Build small and reusable components, Reducing the risk of specificity clash, a mapping between styles and components.React1 min readReact1 min read
Jan 16, 2018An Introduction to webpackWhat is Webpack? Webpack is a module bundler for modern JavaScript applications. It takes your code, transforms and bundles it, then returns a new ‘compiled’ version. It’s also known as module bundler. Webpack is not limited to be used on the frontend, but it’s also useful in backend Node.js …JavaScript2 min readJavaScript2 min read
Dec 14, 2017An Introduction to Redux SagaAccording to the docs, redux-saga is a library that aims to make application side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) easier to manage, more efficient to execute, simple to test, and better at handling failures. Why You Should Use Redux Saga …Redux1 min readRedux1 min read
Aug 13, 2017Improve Javascript PerformanceA little bit of discipline can help you load the application faster and interact faster with any device. Your application should load fast and be interactive as soon as possible. For this, you have to follow some rules. Let’s get started Minify and combine JS files Minifying JS files will…JavaScript2 min readJavaScript2 min read
Jul 24, 2017Useful git tipsGit is a version control system for tracking changes in computer files and coordinating work on those files among multiple people. It is primarily used for source-code management in software development, but it can be used to keep track of changes in any set of files. wiki As a developer…Git2 min readGit2 min read
Apr 22, 2017Why you should design a good APIThe term API stands for Application Programming Interface. An API works as a middleman, taking the request from one piece of software, and then replying with the appropriate response from the other. …API2 min readAPI2 min read
