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 comfortable with a live presentation, however,

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 18 (June 2018) -  Two more weeks of curriculum left to go through, this week we have just finished off  authorisation , and I am really looking forward to starting a group project from week 20, still haven't got any specific ideas but would love to work with React Native. Actually this weekend I went slightly off topic and looked into React Native and got the iOS simulator working via Xcode. My weekend work can be found here,  GitHub . Session 1 -  User Authentication - OAuth 2.0  Session 2 -  Group Programming Workshop - User Authentication GitHub OAuth Week 19 -  Now we have covered all the curriculum for this course, time to use everything we have learned in the class project. Each team consists of 3/4 members and I was very pleased with the selection of projects t

blog image source You may come across some  tech tests when applying for roles, where many employers give around a week to come up with a solution. It is likely that you will need to revisit concepts, but also that you will need to utilise Google and StackOverflow to find additional answers where necessary. The employer will assess you on the completeness of your solution and the quality of the code that you produce. They are trying to find out if you can write high-quality code, which is well-tested and has a good README. Real-world example  -  https://jsainsburyplc.github.io/front-end-test/ Brief In this exercise, you will develop a web application that integrates with the NASA Image and Video Library API. It should allow users to search for assets and then select and view an asset. Assessment We will assess the task based on the following criteria: How clean, modular and extensible the code is. Suitability of tools, libraries, and frameworks used (for both the app i

blog image source You can start applying for positions as a junior web developer with a working knowledge of the programming languages HTML, CSS, and JavaScript. There’s also plenty you can do to prepare for the interview and application process itself. For example: Build a Portfolio Site Full of Relevant Work:  Your portfolio is the first thing potential employers will look at when considering you for a junior web developer position, so your site needs to be a real reflection of your skills and personal brand. But, before you can load up your portfolio, you need to code it, launch it, and make sure it stands out from other websites. Put Your Code on Github:  Github is the industry-standard for version control, and many companies want to know that you have hands-on experience before extending an offer. You can prove that and show off your best code by creating your own Github account and using it as a repository for your projects. Contribute to an Open Source Project:  There’s an i

Following on from the previous week; -  Class Project (Week 1) - Monzo Reward Web App -  Class Project (Week 2) - Monzo Reward Web App -  Class Project (Week 3) - Monzo Reward Web App Using Monzo API, we have built a web app using React called Inde$pendent. Inde$ pendent is a digital reward card that doesn’t require you to use apple or google pay at the checkout or scan some other type of card at the checkout. You don’t need to download a new app or change your preferred payment method at all. And through the utilization of Open Banking, all your transactions can be collated and count towards your reward goal. Weekly progress on GitHub -  https://github.com/SharifCoding/digi-reward-monzo

Prezi.com is a zooming presentation tool which offers an alternative to PowerPoint. Prezi is a presentation software company founded in 2009, the word Prezi is the short form of "presentation" in Hungarian. You begin with a blank canvas, and then position objects such as text, images, embedded videos or graphics, anywhere you like on the canvas. You then plot a path between them in the order you specify, so Prezi zooms in on each object in turn, allowing you to deliver the presentation to the audience. Prezi.com - https://prezi.com/

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

blog image source Following on from the previous week; - Class Project (Week 1) - Monzo Reward Web App Using BCrypt and JWT encryptions, creating an option to sign-in with Monza via OAuth. Contain two repositories; an API  repository which consists of  Express for routing, Mongoose for managing the database, and  BCrypt/JWT for encryptions .  The second APP  repository (frontend) contain the  React for building the user interface, React Router which consist of a  collection of navigational components, and Axios to communicate with the API  repository. Monzo Authentication -  https://docs.monzo.com/#authentication auth0 -  https://auth0.com/ Weekly progress on GitHub -  https://github.com/SharifCoding/digi-reward-monzo

blog image source Mongo Aggregations Pipeline; to perform aggregations operations, MongoDB group values from multiple documents together and then perform a variety of operations on grouped data to return a single result. MongoDB has three ways to perform aggregation: the aggregation pipeline, the map-reduce function, and the single purpose aggregation methods, we will focus on aggregation pipeline. The MongoDB aggregation pipeline consists of stages. Each stage transforms the documents as they pass through the pipeline: `$project` – select, reshape data `$match` – filter data `$group` – aggregate data `$sort` – sorts data `$skip` – skips data `$limit` – limit data `$unwind` – normalizes data Aggregation Pipeline - https://docs.mongodb.com/manual/core/aggregation-pipeline/ Aggregations in MongoDB by Example - https://www.compose.com/articles/aggregations-in-mongodb-by-example/