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

Test snippets of code with JS Bin

Image
JS Bin is an open source collaborative web development debugging tool specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively. What can JS Bin do? Write code and have it both save in real-time, but also render a full preview in real-time Help debug other people's JavaScript, HTML or CSS by sharing and editing urls CodeCast - where you share what you're typing in JS Bin in real-time Remote rendering - view the output of your JS Bin on any device on any platform, updating in real-time Processors, including: coffee-script, LESS, Markdown and Jade. Debug remote Ajax calls JS Bin - https://jsbin.com/ GitHub - https://github.com/jsbin/jsbin
Read more

Week 5 - Session 2 - Test Doubles & jest.fn()

Image
blog image source A unit test should test one piece of functionality only, where the code will almost always interact with other objects and functions, we need to isolate our System Under Test (SUT) from external code. Isolation is important because; don’t want to indirectly test dependencies, broken dependencies could lead to false negatives in tests, dependencies may have side-effects, and helps us write SOLID code. This is where test double comes in. A test double is an object that can stand in for a real object in a test (think stunt doubles), or where you replace a production object for testing purposes. Common types of Test Doubles: Stubs: mock with some pre-programmed behaviour, object with given properties, function with given return value. Mocks: passed into a function and used to make an assertion in the test. Spies: record interactions with other objects, test if a function has been called (how many times and with what parameters), useful for testing fun...
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