Posts

Showing posts with the label Week 15

Week 13 to 17 - Learning with MCR Codes

Image
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 13 (May 2018) -  A new month, and a very heavy new topic ReactJS. The plan is to focus on this technology for the next couple of months, especially since it is a highly demanding skill. I've learned a lot more about the  npm   package.json  file with better understanding, and all dependencies used by a typical React setup. Previously only had exposure to a small number of dependencies ( jest  &  eslint) , now learning about  react ,  babel ,  webpack , and more. Session 1 -  Intro to React Session 2 -  React (Class, Stateful Components, Event Handlers) Week 14 -  Single Page Applications (SPA's) is amazing!  I always thought front-end development means primarily knowing ...

Week 15 - Session 2 - Group Programming Workshop - Surreal Estate

Image
blog image source Group exercise - making HTTP requests in React; going to be covering forms, form validation, posting data to API and routing in React, a popular front-end framework for building user interfaces. Learning objectives: Can you implement a form with React? Can you do form validation with React? Can you gather data from a form and post it to an API with React? Can you route different components with React? After completing this exercise should be comfortable with the following concepts: HTML Forms Form Validation Interacting with an API React Routing GitHub Weather Forecasting App exercise -  https://github.com/SharifCoding/react-surreal-estate

Week 15 - Session 1 - React (Fetching data from an external API)

Image
blog image source Following on from the previous sessions; - Intro to React - React (Class, Stateful Components, Event Handlers) - React (Bind Methods, Render Lifecycle)  External API: Just about every project needs to interface with a REST API at some stage. React.JS there are no predefined functions like AJAX or something else, to fetch data from APIs. To use external APIs, you will have to install third-party plugins to fetch data, you can go with one of them: axios : Axios is a promise based HTTP client for the browser and Node.js. Superagent : Superagent is small progressive client-side HTTP request library. Request : Request is a simplified HTTP request client. Fetch : Here is a polyfill for the Fetch API. This allows support for more browsers. We are going to use axios as HTTP client for making HTTP Requests.  Using Axios with React -  https://alligator.io/react/axios-react/ API Integration with Axios in React -  http://blogs.innovat...