Week 14 - Session 2 - Group Programming Workshop - Weather Forecasting App

blog image source
Group exercise - building a Weather Forecasting App using React, a popular front-end framework for building user interfaces. Will implement the following features:
  • Users should be able to see the name and country of the city the forecast is for.
  • Users should be able to see a summary of each day of the forecast, including the date, general description and an icon for the weather that day, and maximum temperature.
  • Users should be able to click on one of the summaries to view all of the forecasted information for that date.
After completing this exercise should be comfortable with the following concepts:
  • jsx
  • functional components vs stateful components
  • `props`
  • `propTypes` and `defaultProps`
  • `state`
  • `setState`
  • render lifecycle methods
GitHub Weather Forecasting App exercise - https://github.com/SharifCoding/weather-app-react

Popular posts from this blog

My experience with Manchester Codes

Image
I have been a Quality Assurance tester for five years, testing from a User point of view, but not from a Developer view. So the next step was to look into development.  I have come across multiple IT courses and have decided to enrol with  @MCRcodes .  This is an evening part-time coding boot camp based in central Manchester which runs for 24 weeks. Week 0 (January 2018) - Met up with Joe (Founder) for an informal interview to discuss suitability for me to enrol in the course. He has been very friendly and explained everything very clearly. Did quick JavaScript test, I initially panicked a little, however after few clues from Joe able to complete the test with ease. About MCRcodes... Week 1 to 4 (February 2018) - I have learned a lot in my first month in boot camp, most importantly is how much commitment is required to do this course. You will have to study minimum 20 hours each week, and each time you have free time, code! even if it's 30 minute...
Read more

Week 9 - Session 1 - The Internet, the Web, HTTP

Image
blog image source The internet, a worldwide network of computer networks, a llows transfer of information between networks, and the information is transferred using the internet protocol suite (IP/TCP). One of the most commonly used services on the internet is the world wide web (www). A primary mode of transferring data (resources) over the internet for billions. The application protocol that makes the web work is hypertext transfer protocol. blog image source As web developers, we are mainly interested in HTTP,  a protocol that web browsers and web servers use to communicate with each other over the Internet.  The Hypertext Transfer Protocol (HTTP) is designed to enable communications between clients and servers. HTTP works as a request-response protocol between a client and server. A web browser may be the client, and an application on a computer that hosts a website may be the server. How does the Internet work? -  https://developer.mozilla.org/...
Read more

Week 14 - Session 1 - React (Bind Methods, Render Lifecycle)

Image
blog image source Following on from the previous sessions; -  Intro to React -  React (Class, Stateful Components, Event Handlers) Bind Methods:   One of the reasons to use React for development, is its popularity is that it relies heavily on all of the Javascript. On a basic level, it is taking a component’s state, a Javascript object, and using Javascript functions to manipulate that state. The page is then rendered to reflect those changes. The value of ` this ` depends on how the function was called, not where or when it was defined. Also, it is not affected by scope, like a variable would be. This means, that whenever you pass a function down another function, this will not refer to the same value. There are at least five ways to handle this context in React: Use React.createClass Bind in Render Use Arrow Function in Render Bind in Constructor Arrow Function in Class Property React Render Lifecycle:  React enables to create components by in...
Read more