Welcome to the Devrabic Roadmap!
This page serves as a complete roadmap for our web development course. It offers a step-by-step plan that covers all the essential topics and skills necessary to become a proficient web developer.
Week 1 (FREE)
Introduction to the course
The introduction section of the course provides an overview of what you can expect to learn and gain from the course.
Change your Mindset
To be able to succeed, you need first to understand how a developer thinks.
Possible Barriers
Break the barriers of coding
04:22 mins
Discipline & Dedication
Enhance your daily habits
03:43 mins
Developer's Lifestyle
See how you will live
04:21 mins
Start your coding journey
it is time to get to work
02:37 mins
Week 2
Setup what's needed
For a seamless beginning, we must establish our environment and configure our Git settings.
Start with HTML
Learning HTML is an essential foundation for any web developer, and our course will guide you through learning its fundamentals and advanced techniques.
HTML Basics
Learn the fundamentals of HTML
25:48 mins
HTML Forms and Inputs
Discover HTML input and from tags
21:06 mins
More HTML Tags
Master every HTML tag
08:38 mins
HTML Project
Build your first project with HTML
15:52 mins
Week 3
Master CSS
Mastering CSS is crucial for creating visually appealing websites, and our course will help you learn the ins and outs of CSS, from basics to advanced concepts.
CSS Basics
Learn the basics of CSS
41:00 mins
Flexbox
Discover how to use flexbox
26:01 mins
Grids
Get into the grid layout
20:33 mins
CSS Animations
Learn how to animate things with CSS
16:05 mins
Get Into SCSS
Unlock the power of SCSS and elevate your front-end development skills.
Do a CSS Project
Week 4
Start Javascript
Dominating JavaScript is key to creating dynamic and interactive websites, and our course will teach you the necessary skills to become proficient in this essential programming language.
JS Basics
Learn the basics of Javascript
43:24 mins
Classes
Enhance your JS code with classes
18:39 mins
JS + DOM
Learn how to manipulate the DOM
16:26 mins
Events
Fire events in Javascript
16:42 mins
Async Functions
Discover the asynchronous functions
15:30 mins
Week 5
Learn how to use Github
Learning GitHub is essential for managing and collaborating on code effectively.
Craft Projects
Crafting web development projects is an important step in applying the skills you've learned, and our course will guide you through building a variety of projects to reinforce your knowledge and expand your portfolio.
Week 6
Why learn React?
Learning React JS opens up a world of opportunities in building dynamic and interactive user interfaces for web applications.
Introduction to React
Why should you use React?
12:30 mins
React Files
Discover the files of React
15:53 mins
Components
Learn components and props
16:40 mins
States
Use states in React
16:25 mins
Routing
Define your routes
11:17 mins
Effects
Start with useEffect()
14:27 mins
Context
Finalizing with useContext()
16:20 mins
Week 7
Discover Firebase
Firebase offers more than just a backend - it's a comprehensive platform for building and scaling your app, with features like a real-time database, hosting, authentication, and more.
Week 8
Build an ecommerce App
Let's embark on the journey of creating a full-stack application. We will be developing an e-commerce application, which promises to be a valuable learning experience in real project development.
Project Introduction
What are we going to build?
05:52 mins
Setup & Navbar
Setting up the project & the navbar
48:35 mins
Product page & Routing
Working on the product page & routing
34:03 mins
Authentication & State
Setting up auth and its state
52:29 mins
Cart Page
Building the cart page
58:11 mins
What to do next?
Discovering what to do next
10:49 mins
Get certificate
Devrabic provides a certificate after you complete the course, you can apply for one on our website.