BECOME A SKILLED FULL-STACK DEVELOPER

Full-Stack Web Developer Track

Free Trial
1 Week
(Excel in trial and
earn scholarships)
Duration
240 hours
(6 months access)
Next Batch
October 3, 2020
(Applications Open)
Apply Now
Chat with us
UPSKILL WITH CRIO

Learn by building real projects,
not just watching videos

Our Full-Stack Developer Track is carefully designed to help you learn in-demand MERN-based full-stack engineering skills by working on real-world projects. At Crio, you will learn on-the-job, much like developers in leading tech companies.


image
Get started with Linux, HTTP, REST and Cloud Deployment in an applied way and strengthen your foundations
image
Frontend essentials with HTML, CSS, Javascript, MERN Stack (MongoDB, Express, React, NodeJS) development
image
Build 4 independent projects at various stages of the program to apply all your learnings
image
Deploy your dockerized server in AWS & get exposed to Microservices, Async messaging (Kafka, RabbitMQ), caching & more

Join learners from top tech companies

  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • image
  • and many more...
WHAT WILL YOU LEARN?

Learn essential skills required
for the new-age web developer

Start
  • 1. Developer Essentials
    [Trial Week]

    • Learn the basics of using a Linux terminal.

    • Get a hands-on introduction to HTTP/REST and publish posts to LinkedIn and Twitter from the terminal

    • Deploy your very own web application in the cloud and invite your friends to use it

    Perform Data Analysis and Tweet from the Linux terminal
  • 2. QProfile

    • Create an impactful online website to showcase who you are and what you have done

    • Get a flavour of HTML/CSS as you implement a responsive web page

    • Make API calls using Javascript and add dynamic elements like your Github projects

    • Host your page and share it with the world
    Create an About page and introduce yourself to the world
  • 3. QTrip Static (HTML/CSS)

    • Build responsive mobile-first static web pages

    • Learn effective HTML/CSS skills to create beautifully designed web pages

    • Use flexbox and Bootstrap for rapid development

    Help travellers discover magical moments on QTrip - an activity planning website
  • 4. QTrip Dynamic (JS)

    • Manipulate the DOM using data fetched using API calls and implement conditional rendering

    • Integrate third-party plugins to add engaging features like galleries

    • Add data persistence using local storage
    Add life to adventure pages on QTrip by making them dynamic
  • 5. QKart Frontend - REACT

    • Get started with React components and Props to create modular frontend user interfaces

    • Understand component state and lifecycle management

    • Add React events and event binding

    • Implement frontend routing with React routes

    Craft the frontend of QKart and pamper users with a rich shopping experience
  • 6. QKart Backend - NodeJS

    • Use the Express NodeJS framework and create REST APIs for order management.

    • Add custom URL routes along with request validation

    • Integrate a MongoDB database

    • Secure the application with authentication
    Build a scalable distributed web backend that serves millions of QKart users seamlessly
Crio Certified Full-Stack Developer
Apply Now

Launch your Full-Stack developer career

image
Boost your resume with
9 stellar projects
image
Showcase your skills with a completion certificate and shareable LinkedIn badges
image
Get career guidance from experienced mentors
image
Impress hiring managers with hands-on experience in full-stack development
Apply Now

Developers love Crio

Vishal Bihani
Software Engineer Intern
Principal Global Services

Full-Stack Web Developer Track

With the rising number of tech products used everyday, the demand for full-stack and frontend engineers has never been higher.

Crafting engaging user experiences requires a keen sense of design and strong understanding of modern frontend frameworks.

In addition, the broad scope of skills required to build a scalable distributed web backend can make it a challenging role to fulfil.

The Crio Full-Stack Web Developer track has been thoughtfully designed to make you a skilled developer ready to take on significant engineering roles in top tech companies.

29,999

(₹ 52,499)
1 Week Free Trial
Excel in your trial week and bag scholarship
No cost EMI options Available
Next Batch : October 3, 2020
Apply Now
Chat with us
Prerequisite :
Basic programming in any language

29,999

(₹ 52,499)
1 Week Free Trial
Excel in your trial week and bag scholarship
No cost EMI options Available
Next Batch : October 3, 2020
Apply Now
Chat with us
Prerequisite:
Basic programming in any language

What is covered in this track

  • Developer Essentials

    Get an in-depth introduction to developer workflows in Linux.
    Linux Fundamentals
    Git
    Developer Best Practices
    1. Developer workflows in Linux
      • - Linux terminal with bash commands and basic shell scripting
      • - File, process and system management commands in Linux
      • - Text processing commands in Linux
    2. Git
      • - Introduction to version control with Git
      • - Clone, pull, commit and push
      • - Automatic merge and handling merge conflicts
    3. Effective debugging skills for developers

  • Crio Micro-Experience: QProfile

    HTML
    CSS
    Deployment
    Consuming REST API
    Developer Tools
    1. Create a responsive "About" page to showcase your portfolio and personality
    2. Get started with HTML/CSS to create your page
    3. Make Rest API calls using JS to bring life to your page
    4. Deploy your code using Netlify and share it with the world

  • Crio Micro-Experience: QTrip Static

    HTML Tags
    CSS
    Responsive
    Flexbox
    Bootstrap
    1. Build QTrip - a travel website, from scratch
    2. Structure your webpages with HTML elements, tags, and attributes
    3. Learn CSS and Flexbox to master layouts and positioning
    4. Design a responsive mobile-first webpage with Bootstrap

  • Crio Build-outs: Level-1

    Apply your HTML/CSS learnings from QProfile and QTrip Static to build your first independent project

  • Crio Micro-Experience: QTrip Dynamic

    API call
    Routing
    Filters
    Data persistence
    3rd Party Libraries
    1. Add life to adventure pages on QTrip by making them dynamic
    2. Introduce API calls to create dynamic web pages
    3. Learn DOM manipulation and Routing
    4. Add filters and persist data using local storage
    5. Implement third party plug-ins
    6. Implement conditional rendering

  • Crio Build-outs: Level-2

    Apply your learnings from QTrip Dynamic to build your second independent project

  • Crio Micro-Experience: QKart Frontend

    Component
    Component lifecycle
    Component state management
    Component styling
    Props
    Routing
    Global Context
    1. Build the frontend for QKart - a shopping app, to give users a rich shopping experience
    2. Get started with React components and Props to create a modular frontend interface
    3. Understand component state and lifecycle management
    4. Add React events and event binding
    5. Implement frontend routing and React routes

  • Crio Build-outs: Level-3

    Apply your learnings from QKart Frontend to build your third independent project in React

  • Crio Micro-Experience: QKart Backend

    Express JS
    Node JS
    MongoDB
    REST API
    1. Build a scalable distributed web backend that serves millions of QKart users seamlessly
    2. Get started with Express framework
    3. Create REST APIs with custom routes and request validation
    4. Introduce a database layer (MongoDB)
    5. Secure REST APIs using authentication

  • Crio Build-outs: Level-4

    Capstone project to apply all your learning in the Full-Stack Web Developer Track to build a fully functional product (frontend+backend) from scratch independently

THE CRIO ADVANTAGE

The most effective
project-based learning platform

Learn by Doing
Easy to use
Personalised guidance
Vibrant community
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
  • Crio Micro-Experiences

    Build Real-world projects in a work-like environment.

    • Well-defined product requirements
    • Structured tech documentation
    • Detailed project plan
    • Regular progress reports
    image
  • Fully Provisioned Developer Environment

    We take care of the setup, you focus on learning

    • 100% online
    • Write code in your browser
    • No setup required
    image
  • Experienced Mentors

    Mentoring and guidance that matters

    • Live sessions from Crio mentors
    • Online support on Slack and Crio Forum
    • 1:1 career guidance calls
    image
  • Crio Developer Community

    Learn with like-minded people with similar learning goals

    • Helpful and motivated peer-group
    • Crio buddies
    • Meme-wars and more
    image
image

Have more questions?


Chat with us
WHAT ARE YOU WAITING FOR?

Upskill with Crio


Apply Now
image