Campus 101

4716 Registered Allowed team size: 1
hackathon
Online
starts on:
Nov 06, 2020, 12:24 PM
ends on:
Nov 06, 2020, 12:25 PM

Full Stack

MILESTONE 1: The Basics

Before you start learning a new concept, it is important to set your basics right. Milestone 1 is about brushing up your knowledge on HTML and CSS

You can take this pre-requisite test and see where you stand when it comes to HTML and CSS

1. HTML

HTML is the standard markup language for creating Web pages.

If you want to understand HTML in-depth, read this

This document covers up the very basics uptil HTML SVG Graphics and HTML Video

2. CSS - Basic

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

To understand the purpose of using CSS, the colours and fonts until the pseudo-elements and CSS Layouts, READ THIS

3. CSS - Advanced

Once your basics in CSS are set, you can learn CSS at length wherein you can understand how to work with gradients and texts.

Learn how to work with rounded corners and border images up to gradients and text effects, READ THIS.

TAKE PRACTICE TEST 1

MILESTONE 2: JS and PHP

JavaScript

Introduction

JavaScript is the Programming Language for the Web. 

Why to study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

  1. HTML to define the content of web pages
  2. CSS to specify the layout of web pages
  3. JavaScript to program the behavior of web pages

Read this document to polish your knowledge on JavaScript.

Topics covered within this document start from JS Objects and Classes and help you learn upto AJAX

PHP

Introduction

PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages.

Read this document on PHP.

Starting from the syntax to file handling, objects and classes, we've got you covered!

TAKE PRACTICE TEST 2

MILSTONE 3: Database & Authentication

Database

Introduction

With PHP, you can connect to and manipulate databases. MySQL is the most popular database system used with PHP.

To learn more on MySQLREAD THIS.

This document comprises of the very basics on how to create the database, up until how to limit selections.

Authentication

Refer this link for understanding the process of authentication where a user's identity is recognised through the mechanism of associating an incoming request with a set of identifying credentials. The credential often takes the form of a password, which is a secret and known only to the individual and the system.

TAKE PRACTICE TEST 3

MILESTONE 4: REACT.JS

Introduction

  1. React is a JavaScript library for building user interfaces.
  2. React is used to build single page applications.
  3. React allows us to create reusable UI components.

Do you know how to create a React app? Or what React Props might be?

We have for a collated resource where you can learn not only how to create, run and modify React Apps, but also understand more concepts like React ES6, Events, State, Forms etc.

Refer this document to learn it all!

TAKE PRACTICE TEST 4

MILESTONE 5: NODE.JS

  • Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. In other words, it is an open-source environment.
  • Node.js uses asynchronous programming.
  • Node.js runs single-threaded, non-blocking, asynchronously programming. 
  • It is very memory efficient.

A common task for a web server can be to open a file on the server and return the content in the file to the client. PHP or ASP handles such file requests in the following way:

  1. Sends the task to the computer's file system.
  2. Waits while the file system opens and reads the file.
  3. Returns the content to the client.
  4. Ready to handle the next request.

Node.js handles the same situation in a different way. It performs the following actions:

  1. Sends the task to the computer's file system.
  2. Ready to handle the next request.
  3. When the file system has opened and read the file, the server returns the content to the client.

You can conclude that Node.js eliminates the waiting time, unlike PHP or ASP. It continues with the next request

Tasks performed

  • It can generate dynamic page content.
  • It can create, open, read, write, delete, and close files on the server.
  • It can collect form data.
  • It can add, delete, modify data in your database.

Node.JS has more to offer than just this. Refer this document and learn more on Node.JS modules

TAKE PRACTICE TEST 5

MILESTONE 6: API and GIT

Application Programming Interface

API is a piece of software which acts as a mediator between different software components.

Why API?

Some useful aspects of APIs are as follows:

  • It enables external developers to use services without knowing the exact code for that product.
  • It significantly reduces the time required to access information.
  • It helps businesses to focus on their core competencies without having to do work that has already been done.

Applications

  • One common API usage example we come across on a daily basis is the weather data.
  • Social media login is another day to day usage of APIs. Instead of actually logging-in to users’ social media accounts, applications with this functionality leverage these platforms’ APIs to authenticate the user with each login.
  • Flight search in travel sites is another use of API where the website shows data that is fetched from the airline's database based on the search query.

Types of APIs

There are four main types of APIs. They are as follows:

  • Open APIs: Also known as Public APIs, there are no restrictions to access these types of APIs because they are publicly available.
  • Partner APIs: One needs specific rights or licenses in order to access this type of APIs because they are not available to the public.
  • Internal APIs: Also known as Private APIs, only internal systems expose this type of API, that is less known and often meant to be used inside the company. The company uses this type of API among the different internal teams to be able to improve its products and services.
  • Composite APIs: This type of API combines different data and service APIs. It is a sequence of tasks that run synchronously as a result of the execution and not at the request of a task. Its main uses are to speed up the process of execution and improve the performance of the listeners in the web interfaces.

Request methods

  • GET: This requests data from a server. It is the most common type of request. Using it you can get the data you are interested in from those that the API is ready to share.
  • POST: It adds new data to the server. Using this type of request, you can, for example, add a new contact to CRM.
  • PUT: It changes the existing information. For example, using this type of request, you can change the color or value of an existing product.
  • DELETE: It deletes the existing information.

How to use an API?

One can use an API in three simple steps. They are as follows:

  • Acquiring an API key
    • An API Key is a unique string of letters and numbers used to verify the user at the time of an API call. In order to get an API key, you are required to register with the API server.
  • Testing API endpoints
    • Endpoints are the key elements in the interaction of the application with the API.
    • On receiving an API key, you can refer to the API endpoints to check if everything is working as expected.
  • Start API call
    • Once all the endpoints are verified you can start creating and sending requests  using the API.
    • For every valid request one will receive the required data in JSON format.

Build your own API

Based on the product or services offered, you can build a piece of code that can help you to serve the external requests after verifying the user.

The following are the various stages required to build you own API:

  • Preparation
  • Prototype
  • Develop
  • Delivery
  • Consumption 

GIT

Introduction

  • Git is a distributed version control system that is used for tracking changes in source code during software development. 
  • It is designed for coordinating work among programmers. It can also be used to track changes in any set of files. 
  • Its goals include speed, data integrity, and support for distributed, non-linear workflows.

Refer the following link to understand the documentation of Git:

https://git-scm.com/doc

TAKE PRACTICE TEST 6

Are you confident with your skills in Full-Stack?

TAKE THE FINAL TEST

starts on:
Nov 06, 2020 11:54 PM IST
closes on:
Nov 06, 2020 11:55 PM IST

Social Share

Notifications
View All Notifications

?