In the world of Mobile Application Development, we are looking for  better  performance of  application , quicker deployment time  &  shorter development cycle. With the Android and iOS dominating the landscape, developers  creating mobile apps often faces a dilemma. Apps that run on multiple platforms & and developed faster or provide a better user experience.

With React Native we can use JavaScript to build native Android and iOS applications in a quick and effective way. Facebook developed React Native and it has been supported and continuously pushed forward by the development community. The main purpose for development of React Native is so that we can combine the advantages of mobile application development and the power and agility of native React  environment.

So to start learning React Native we need to have knowledge about JavaScript, Typescript  , React JS ,HTML &CSS .

“Intuitive design is how we give the user new superpowers.” 

Jared Spool

1.HTML

HTML is  the standard markup language for creating web applications and web pages. The building blocks of HTML pages are HTML elements. HTML can embed programs written in a scripting language such as JavaScript. HTML is relatively very easy to learn  & a basic understanding can be acquired in just one  sitting. Under the direction of  W3C, it  constantly  undergoes revision& evolution according to demand of the growing internet audience.

 MATERIAL USED:

Code Academy offers  a very good course on HTML that gives us good understanding about HTML . The course gives us understanding about basic elements of HTML  & HTML tables. This course can be completed  within 3  hours

2. CSS(Cascading Style Sheets)

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language. The main purpose of using  CSS is to separate the presentation and content  .The separation enhances the  flexibility in specification  of presentation features  and content accessibility. CSS  JavaScript and HTML  are together  used to create visually engaging web pages, UI for web & mobile application.The CSS specifications are maintained by the World Wide Web Consortium.

MATERIAL USED:

Code Academy offers a 11 hour course on CSS .It comprises of a number of topics such as the box model , display & positioning , typography and CSS grid essentials.

3. MAKE A WEBSITE

Now we have good knowledge about HTML and CSS ,we need to use this to knowledge to make  a basic website. We need to use CSS to add styles and enhance the presentation.The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.

MATERIAL USED:

Code Academy provides a basic walk-through on how to make a website. This course can be completed in a 4-hours .

4. DEPLOYING A WEBSITE

Deployment of website comprises of all the steps involved in getting a new hardware and software up and running in its environment. These steps include steps such as installation, running , configuration , testing and making changes if necessary.

MATERIAL USED:

Code Academy provides a 4 hour course which teaches us the steps to deploy a website. To deploy a website , we must first create a website. The course  gives us an overview about use of deploying a web page to GitHub pages&  custom domain names.

5. LEARN RESPONSIVE DESIGN

Nowadays , all websites have a mobile version and so we cannot have one design for iPhone and another for Blackberry . So the design  must respond to the environment based on platform , orientation & screen size.

 MATERIAL USED:

Code Academy offers a short 3 hour course to learn responsive design. The course includes Sizing & Media Queries.

6. SASS(Syntactically Awesome Style Sheets)

SASS is a preprocessor of CSS .CSS  has a number of  preprocessors  like Stylus & Less. The main advantage of using SASS is that it helps us create style sheets faster. By Using this extension we can use inline imports, variables , nested rules and much more.

MATERIAL USED:

Code Academy offers a 3 hour course which gives us good understanding of SASS.

“Create a website that expresses something about who you are that won’t fit into the template available to you on a social networking site.”

 

Jaron Lanier

7.JAVASCRIPT

The third layer of standard web technologies is JavaScript, where the other 2 layers are CSS and HTML. Whenever we see interactive maps, animated 2D/3D graphics or a scrolling video, JavaScript will probably involved. JavaScript is a scripting language that allows us to add complex things on web page.

MATERIAL USED:

Code Academy provides a 35- hour long course which gives us a detailed idea of JS. The course will give us an idea about basics like functions, scope, array and loops. It also takes a look at complex topics like classes, objects, modules & request.

8. NODE JS

Node.js is an open source, cross-platform run-time environment for developing server-side and networking applications. JavaScript is used in node.js applications and can be run on Linux, Windows & OS X.A large number of JS modules can be accessed through node.js which helps in simplifying the application development.

MATERIAL USED:

The nodejs.org website will gives us an idea of how to use npm which is package manager of nodejs. The documentation section will give us  understanding needed.

9.jQUERY

jQuery is a feature rich JavaScript library. jQuery helps us to simplify event handling, animation & document traversal & manipulation.  jQuery has changed the way we use JavaScript.

MATERIAL USED:

Code Academy provides a 5 hour course which gives us an idea of how to use jQuery in JS. It starts off with a jQuery setup and moves on to other topics.The course takes a look at topics like jQuery effects & Mouse effects.

10. EXPRESS

It is a server–side web and mobile application framework. The language used in express is JS. It is cross platform and not limited to OS. The main advantages of express are Ultra-fast I/O and makes routing easy with robust API.

MATERIALS USED:

Code Academy provides a  10 hour course on express .The course takes a look at the various express routes & middleware.

11. TYPESCRIPT

Typescript is an open source programming language developed by Microsoft. It is a super set of JavaScript and it compiles to JavaScript so all existing JS code   are also valid typescript programs. As JS grows, it tends to get messier and moreover its failure to embrace strong type checking and compile error checks makes use of typescript useful.

MATERIALS USED:

Udemy provides a course on typescript.  It cover topics like ES6, namespaces & modules, Generics & typescript workflows.

12. React JS

React is basically a JS library for building user interface. Facebook, Instagram & a community of individual developers & corporations maintain React JS. In react JS component will tell React what needs to be rendered and react will  update just the necessary components when data changes .

Materials Used:

Code Academy has split the React JS course into 2 parts.

Part 1 takes a look at basics of React JS like JSX code & state & props of components.

Part 2 takes a look at Stateless & Stateful components.

13. REDUX REACT

Redux is a predictable state container for JS applications.   Redux helps us to write applications that run in various environments like client, server and native. Redux applications are also easy to test. Redux provides an easy way to centralize the state of your application by using a store. Redux can also be React & Angular for building user interfaces.

MATERIALS USED:

Udemy provides a course on how to use Redux with React JS .It will give us an idea what a store does and what is reducer and what an action is.

 

 

In case, if you have any query or need clarification related on this topic, feel free to contact us on [email protected].

13 + 3 =