Learning to code with JavaScript and building UI with React

blog image source An application program interface (API) is a set of routines, protocols, and tools for building software applications(how an API specifies how software components should interact). Postman is a popular API client that makes it easy for developers to create, share, test and document APIs. Postman is very convenient when it comes to executing APIs, since once you’ve entered and saved them you can simply use them over and over again, without having to remember the exact endpoint, headers, API key etc. Postman can run GET, POST, PUT, DELETE, and various other request methods as well, and also has utilities to help with developing APIs. Getting Started with Postman -  https://www.blazemeter.com/blog/getting-started-postman API testing tips -  http://blog.getpostman.com/2017/07/28/api-testing-tips-from-a-postman-professional/

blog image source Middleware is computer software that provides services to software applications beyond those available from the operating system. It can be described as software glue. Middleware functions are functions that have access to the request object (req), the response object (res), and the next middleware function in the application’s request-response cycle. These functions are used to modify req and res objects for tasks like parsing request bodies, adding response headers, etc. functions that have access to the request and response gets called before the controller function can modify the request object that gets passed to the controller can send a response and prevent the controller being accessed used for common tasks that are not the responsibility of any single controller: authentication request Body Validation logging redirection error handling can be applied at application or route level application level applies to all requests route level ap...

blog image source 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. Two commonly used methods for a request-response between a client and server are GET and POST. GET - f or returning resources POST - for creating a new resource Other used methods: PUT - for updating a resource PATCH - for updating a resource DELETE - for deleting a resource Why should you use standard HTTP methods while designing REST APIs? -  https://medium.com/@suhas_chatekar/why-you-should-use-the-recommended-http-methods-in-your-rest-apis-981359828bf7

blog image source URI identifies a resource  (text document, image file, etc) , URL is a subset of the URIs that include a network location. A URN is a subset of URIs that include a name within a given space, but no location. URI - Uniform Resource Identifier URL - Uniform Resource Locator URN - Uniform Resource Name What is a URL - https://www.dailytutorialz.com/url-meaning/

blog image source CSS grid/flexbox layout are a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. Grid Layout gives us a method of creating grid structures that are described in CSS and not in HTML. It helps us to create layouts that can be redefined using Media Queries and adapt to different contexts. Grid Layout lets us properly separate the order of elements in the source from their visual presentation. Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size. Learn CSS grid and flexbox with Flexbox Froggy and Grid Garden. Flexbox Froggy -  http://flexboxfroggy.com/ Grid Garden -  http://cssgridgarden.com/

Linters go through your code and look for mistakes such as undefined variables or reassigned constants. They are more powerful though when combined with a style guide - a preset which dictates how code should be written (spacing, use of semicolons etc.). ESLint is a linter which uses the JavaScript standard style guide. Setting up ESLint with Visual Studio Code: open a Terminal and enter the following: npm install -g eslint open VS Code, click the Extensions icon in the search box, enter ESLint and click Install and then click Reload add an .eslintrc file to the project root with the following contents: { "extends": "airbnb-base" } in the terminal for JavaScript without React: (export PKG=eslint-config-airbnb-base;npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest") JavaScript with React: (export PKG=eslint-config-airbnb;npm info "$PKG@...

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

Codewars is a community of developers, who that train on improving their development skills by training with other developers and helping each other get better through practice. Codewars -  https://www.codewars.com/ Codewars GitHub -  https://github.com/Codewars/codewars.com

This is a series of free ebooks diving deep into the core mechanisms of the JavaScript language. GitHub -  https://github.com/getify/You-Dont-Know-JS Kickstarter -  https://www.kickstarter.com/projects/getify/you-dont-know-js-book-series

Increase your typing speed while racing against others. The award-winning online typing competition, TypeRacer, allows people to race each-other by typing quotes from books, movies, and songs. It is the first multiplayer typing game on the web. TypeRacer –  http://play.typeracer.com/

.OOOOOOOOOOOOOOO @@ @@ OOOOOOOOOOOOOOOO. OOOOOOOOOOOOOOOO @@ @@ OOOOOOOOOOOOOOOO OOOOOOOOOO'''''' @@ @@ ```````OOOOOOOOO OOOOO'' aaa@@@@@@@@@@@@@@@@@@@@""" """""""""@@aaaa `OOOO OOOOO,""""@@@@@@@@@@@@@@"""" a@"" OOOA OOOOOOOOOoooooo, |OOoooooOOOOOS OOOOOOOOOOOOOOOOo, |OOOOOOOOOOOOC OOOOOOOOOOOOOOOOOO ,|OOOOOOOOOOOOI OOOOOOOOOOOOOOOOOO @ THE |OOOOOOOOOOOOOI OOOOOOOOOOOOOOOOO'@ COMMAND OOOOOOOOOOOOOOb OOOOOOOOOOOOOOO'a' LINE |OOOOOOOOOOOOOy OOOOOOOOOOOOOO'...

Since you are going to be using the terminal as a developer, you should get the best from your terminal. Make your coding easy  day in day out. Badassify your terminal and shell -  http://jilles.me/badassify-your-terminal-and-shell/

SSH (Secure Socket Shell) is a network protocol that allows us to connect securely to remote computers (servers). SSH keys are used to authenticate the user on the remote server after a secure connection has been established. Adding the SSH key to GitHub -  https://help.github.com/articles/adding-a-new-ssh-key-to-your-github-account/

Git  is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. Git Tutorial -  https://try.github.io/

The primary reason for using OSX over Windows is because y ou can program for any platform on an OSX (Windows/Linux/OSX/iOS/Android). Also  the popularity of the iPhone / iPad, Developers must use OSX in order to develop for iOS devices. Additionally, you can run  Windows in a virtual machine or Apple Boot Camp app, having best of both worlds. Stack Overflow survey for prefer OS Bash - Programmers  prefer the Bash command line to Window’s alternatives like Powershell. You can run Bash on Windows, but the filesystem underneath isn’t the same, so it’s ultimately not the same native experience. Reliable DPI Scaling -  DPI scaling is reliable on Mac. On Windows, some apps have yet to add support. Long-term Support  -  Running old Apple machines on the latest version of macOS is common. Where this is harder to do on Windows. Peripherals  -  Apple’s small manicured hardware ecosystem helps assure long-term driver support. Manage...