• 154 Unique Lessons
  • 1 Quiz
  • Community Support
  • Feedback from Mentor
  • Lifetime Access
  • Mobile Friendly Content
  • Certificate

With this knowledge you’ll be able to:

  • Create web applications with Nextjs
  • Create websites with WordPress
  • Create Full Stack Websites

Requirements

  • A computer with stable internet connection
  • Knowledge of basic computer usages
  • Knowledge of how to use the internet

Description

Are you a beginner looking forward to learning how to create websites? Do you want to learn something easy, yet highly demanded in the digital freelance marketplace? Then this is the perfect program for you. We will guide you through the entire process so that you get used to the world of web development and then we will teach you how to become a professional Front-End Developer with HTML5, CSS3, JavaScript, etc.

Curriculum

33 Chapters · 154 Lessons · 0 840 2727 2672 1972 9952 2214 1172 4299 2547 14674 13416 6301 4699 6961 4473 581 1208 2548 2586 2870 852 1808 1003 1658 2383 1393 2467 853 1828 748 636 355
  • Chapter 00: Learnio

    • C0.01: Welcome to your learning journey!

    • C0.02: What is Learnio?

    • C0.03: Setting goals

    • C0.04: Join our Community

    • C0.05: How it works: Assignments

    • C0.06: How it works: Quiz

  • Chapter 01 : Introduction

    • Lesson 1 : Welcome to the course

    • Lesson 2 : What we are going to learn in this course

    • Lesson 3 : Things you will need to know to get started

    • Lesson 4 : Let’s get the setup done

  • Chapter 02 : Next JS Basics Part 1

    • Lesson 1 : What is Next.js

    • Lesson 2 : Let’s create a Next.js Project

    • Lesson 3 : The file structure

    • Lesson 5 : Pages and Routing

    • Lesson 4 : Dynamic and Error page

    • Lesson 6 : Links

  • Chapter 03 : Next JS Basics Part 2

    • Lesson 1 : Header, Footer, and Layout

    • Lesson 2 : Showing components

    • Lesson 3 : API Routes

    • Lesson 4 : The new fetch system

    • Lesson 5 : Single page for our data

  • Chapter 04 : Backend Functionality with Strapi

    • Lesson 1 : What is Strapi

    • Lesson 2 : Strapi Setup

    • Lesson 3 : Creating our first content type in Strapi

    • Lesson 4 : Cloudinary setup for images

    • Lesson 5 : Connecting to Strapi API

  • Chapter 05 : Project 1 : An event list application

    • Lesson 1 : What we are going to create

    • Lesson 2 : Let's generate the project and trim the files

    • Lesson 3 : Project Development Part 1

    • Lesson 4 : Project Development Part 2

    • Lesson 5 : Project Development Part 3

    • Lesson 6 : Project Development Part 4

    • Lesson 7 : Project Development Part 5

    • Lesson 9 : Project Development Part 6

    • Lesson 8 : Project Development Part 7

    • Lesson 10 : Project Development Part 8

  • Chapter 06 : Deployment

    • Lesson 1 : Let's deploy our backend

    • Lesson 2 : Let’s deploy our frontend

    • Lesson 3 : What to look after for

  • Chapter 07 : Next JS Advance

    • Lesson 1 : Advance Next.js features

    • Lesson 2 : Caching

    • Lesson 3 : Images

    • Lesson 4 : Optimization

  • Chapter 08 : Strapi Advance Part 1

    • Lesson 1 : Authentication part 1

    • Lesson 2 : Authentication part 2

    • Lesson 3 : User based content

    • Lesson 4 : API customization

  • Chapter 09 : Strapi Advance Part 2

    • Lesson 1 : Adding content with the API

    • Lesson 2 : Editing content with the API

    • Lesson 3 : Deleting content with the API

    • Lesson 4 : User based API controls

  • Chapter 10 : Project 2 – A Blog with Custom Dashboard Part 1

    • Lesson 1 : What we are going to create

    • Lesson 2 : Let's generate the project and trim the files

    • Lesson 3 : Project Development Part 1

    • Lesson 4 : Project Development Part 2

    • Lesson 5 : Project Development Part 3

    • Lesson 6 : Project Development Part 4

    • Lesson 7 : Project Development Part 5

    • Lesson 8 : Project Development Part 6

    • Lesson 9 : Project Development Part 7

    • Lesson 10 : Project Development Part 8

  • Chapter 11 : Project 2 – A Blog with Custom Dashboard Part 2

    • Lesson 1 : Project Development Part 9

    • Lesson 2 : Project Development Part 10

    • Lesson 3 : Project Development Part 11

    • Lesson 4 : Project Development Part 12

    • Lesson 5 : Project Development Part 13

    • Lesson 6 : Project Development Part 14

    • Lesson 7 : Project Development Part 15

    • Lesson 8 : Project Development Part 16

  • Chapter 12 : Project 2 – A Blog with Custom Dashboard Part 3

    • Lesson 1 : Project Development Part 17

    • Lesson 2 : Project Development Part 18

    • Lesson 3 : Project Development Part 19

    • Lesson 4 : Project Development Part 20

    • Lesson 5 : Project Development Part 21

  • Chapter 13: Project 3 – A Corporate Website, Part 1

    • Lesson 1 : What we are going to create

    • Lesson 2 : Let's generate the project and trim the files

    • Lesson 3 : Project Development Part 1

    • Lesson 4 : Project Development Part 2

    • Lesson 5 : Project Development Part 3

  • Chapter 14: Project 3 – A Corporate Website, Part 2

    • Lesson 1 : Project Development Part 4

    • Lesson 2 : Project Development Part 5

    • Lesson 3 : Project Development Part 6

    • Lesson 4 : Project Development Part 7

    • Lesson 5 : Project Development Part 8

  • Chapter 15: Project 3 – A corporate Website, Part 3

    • Lesson 1 : Project Development Part 9

    • Lesson 2 : Project Development Part 10

    • Lesson 3 : Project Development Part 11

    • Lesson 4 : Project Development Part 12

    • Lesson 5 : Project Development Part 13

  • Chapter 16: Recap and Assignment

    • Lesson 1 : What we learned in the previous chapters

    • Lesson 2 : How to practice from previous chapters

  • Chapter 17: Backend Development

    • Lesson 1 : What is Backend Development

    • Lesson 2 : Should you be a backend developer?

    • Lesson 3 : What you need to know to get started with backend development

    • Lesson 4 : Server vs Serverless

  • Chapter 18: Firebase Part 1

    • Lesson 1 : What is Firebase

    • Lesson 3 : Adding Firebase to our project

    • Lesson 2 : Firestore Databases

    • Lesson 4 : Fetching a Firestore Collection

  • Chapter 19: Firebase Part 2

    • Lesson 1 : Adding Firestore Data

    • Lesson 2 : Deleting Firestore Data

    • Lesson 3 : Editing Firestore Data

    • Lesson 4 : Other Firebase stuff

  • Chapter 20: WordPress Basics Part 1

    • Lesson 1 : What is WordPress, and Why should you use it?

    • Lesson 2 : Installing WordPress

    • Lesson 3 : The Dashboard

    • Lesson 5 : Installing a Theme

    • Lesson 4 : Editors on WordPress

    • Lesson 6 : Adding a post

  • Chapter 21: WordPress Basics Part 2

    • Lesson 1 : Adding a page

    • Lesson 2 : The WordPress built in “Customizer”

    • Lesson 3 : Adding a menu

    • Lesson 4 : Widgets

  • Chapter 22: WordPress Basics Part 3

    • Lesson 1 : Theme Demos

    • Lesson 2 : Installing a theme demo

    • Lesson 3 : Customizing the demo

    • Lesson 4 : Finishing up

  • Chapter 23: WordPress Advance – Plugins

    • Lesson 1 : What are plugins?

    • Lesson 2 : Let’s install a plugin

    • Lesson 3 : Plugins from WordPress

  • Chapter 24: Uses of popular plugins

    • Lesson 1 : Contact form 7

    • Lesson 3 : WP Mail SMTP

    • Lesson 4 : Autoptimize

    • Lesson 2 : Jetpack

  • Chapter 25 : Basics of Elementor

    • Lesson 1 : What is Elementor and why it’s so popular

    • Lesson 2 : Installing Elementor

    • Lesson 4 : Elementor's widgets, part 1

    • Lesson 3 : Elementor's widgets, part 2

    • Lesson 5 : Elementor's widgets, part 3

  • Chapter 26 : Advance Elementor Features

    • Lesson 1 : The Theme Builder

    • Lesson 2 : Templates

    • Lesson 3 : Custom Header

    • Lesson 4 : Custom Footer

    • Lesson 5 : Pop Ups

  • Chapter 27 : Dynamic Content on WordPress

    • Lesson 1 : What is dynamic content?

    • Lesson 2 : Custom Fields

    • Lesson 3 : Custom Post Types

    • Lesson 4 : Looping through custom post types

  • Chapter 28 : Project 4 – Landing Page with Elementor Part 1

    • Lesson 1 : What we are going to create

    • Lesson 2 : Adding the pages

    • Lesson 3 : Creating the menu and the header

    • Lesson 4 : Creating the footer

  • Chapter 29 : Project 4 – Landing Page with Elementor Part 2

    • Lesson 1 : Creating the Hero section

    • Lesson 2 : About section

    • Lesson 3 : Course section

    • Lesson 4 : Reviews section

    • Lesson 5 : Contact section

  • Chapter 30 : Project 4 – Landing Page with Elementor Part 3

    • Lesson 2 : Making our site responsive, part – 2

    • Lesson 3 : Making our site responsive, part – 3

    • Lesson 4 : Final touch up

    • Lesson 1 : Making our site responsive, part – 1

  • Chapter 31: Making our website live

    • Lesson 1 : Uploading our site to Hosting

    • Lesson 2 : Optimizing the website for better performance

  • Chapter 32 : Conclusion

    • Lesson 1: Thank you!!