Learning to code with JavaScript and building UI with React

My experience with  @MCRcodes   as a Quality Assurance Tester.  This is an evening part-time coding boot camp based in central Manchester which runs for 24 weeks, from February 2018 to July 2018. Week 22 (July 2018) - Halfway through our project and still a long way to go . Still working out how the project's core function will work. With support from lecturers, we were able to visualise how the function will work with some awesome whiteboard drawing and realised the best way to approach this is to divide the core function and figure out each section one at a time. Session 1 -  Class Project (Week 3) - Material-UI Session 2 -  Class Project (Week 3) - Monzo Reward Web App Week 23 - Made it, the final week of our project and we have covered our MVP which was set at the beginning of the project week. The presentation went very well, met up with the project team prior to the presentation and did preparation. I never was c...

blog image source Following on from the previous week; -  Class Project (Week 1) - Monzo Reward Web App -  Class Project (Week 2) - Monzo Reward Web App Using rc-progress component, created mockup of reward progression and displaying Monzo username forwarded from the Monzo API.   Two elements are required to make up a progress bar, these elements are: A parent div that holds another div inside of it. A div that acts as the filler inside of the parent div. This div will be styled with color and will fill up an x percentage of the container horizontally and vertically. rc-progress - http://react-component.github.io/progress/ rc-progress examples -  https://react-component.github.io/progress/examples/simple.html Weekly progress on GitHub -  https://github.com/SharifCoding/digi-reward-monzo

blog image source Material-UI is an open-source project that features React components that implement Google’s Material Design. Very popular for web and mobile applications, inspired by the physical world and its textures, including how they reflect light and cast shadows. With the components from the Material-UI library, it’s very easy to make use of Material Design elements in your React web or mobile application. Features include: It allowed us to remove the dependency on the LESS toolchain for our users. We removed one important friction in the installation process. (simpler) We were able to change the theme at runtime, nest different themes, and have dynamic styles. (more powerful) We reduced the loading time by breaking the big monolithic CSS file in order to enable code splitting. (faster) The style override story became more intuitive, as we were free of CSS specificity issues. (simpler) Material-UI - https://material-ui.com/ Material-UI v1 is out - https://medium.c...