Web Development

Are you a beginner looking forward to learning how to create websites? We will guide you through the entire process: from how to write your first line of code to actually creating industry-standard websites for clients using HTML, CSS, Bootstrap, JavaScript, etc.

Course Contents

SELF PACED

80 Hours

MENTOR LED

40 Hours

TESTS

10+

ASSIGNMENTS

6

Enroll Now

With this knowledge you’ll be able to:

  • Understand how websites work
  • Create blogging websites
  • Set up your domain and hosting and create your own portfolio website
  • Get maintenance and bug fixing jobs for existing websites
  • Create professional business websites for corporates
  • Get a good grasp on the concepts of web development setting you up to specialize further in either front-end or back-end web development
  • Build eCommerce websites for your clients where they can sell their products

Course Curriculum

  • Chapter 00: Welcome

    • C0.01 - Welcome to Coderstrust

    • C0.02 - Welcome to Digital Jobs Albania

    • C0.03: Welcome to your learning journey!

    • C0.04: Coderstrust & You

    • C0.05: Setting goals

    • C0.06: How it works: Assignments

    • C0.07: Join our Community

  • Chapter 01: Introduction

    • Welcome to the Course

    • Lesson 2 : How to get the most out of this course

    • Lesson 3 : Let's get the setup done

  • Chapter 02: HTML Basics

    • Lesson 1 : The document structure and doctype

    • Lesson 2 : What are HTML tags ?

    • Lesson 3 : Tags for handling text

    • Lesson 4 : HTML Lists

    • Lesson 5 : Link tags

    • Lesson 6 : HTML Tables

    • Lesson 7 : Image tags

    • Lesson 8 : Conventional and Layout HTML tags

  • Chapter 03: Advanced HTML

    • Lesson 1 : Form tags

    • Lesson 2 : What is Semantic HTML

    • Lesson 3 : Semantic tags (header, footer, section, article)

    • Lesson 4 : Semantic tags (aside, main, time)

    • Lesson 5 : HTML5 video/audio

    • Lesson 6 : HTML meta tags

    • Lesson 7 : HTML special characters

  • Chapter 04: Creating a full website structure in HTML

    • Create a small website structure where you will display information about yourself

  • Chapter 05: Fundamentals of CSS

    • Lesson 1 : What is CSS and how CSS works

    • Lesson 2 : Ways to select an element to style

    • Lesson 3 : Font and Text styling

    • Lesson 4 : The Box Model

    • Lesson 5 : Changing colors and backgrounds

  • Chapter 06: Advanced CSS

    • Lesson 1 : CSS layout properties

    • Lesson 2 : Advance CSS properties

    • Lesson 3 : Pseudo Properties

    • Lesson 4 : Transitions and Transform

  • Chapter 07: Responsive Design

    • Lesson 1 : CSS Flexbox and it’s uses

    • Lesson 2 : Media Queries and Breakpoints

    • Lesson 3 : Making grids with Flexbox to create a full website layout

  • Chapter 08: Lets Style our HTML website structure

    • Style the website structure that you build in the previous (Chapter 4) assignment

  • Chapter 09: Fundamentals of Bootstrap 5

    • Lesson 1 : What is Bootstrap why to use it

    • Lesson 2 : How to setup Bootstrap for a project

    • Lesson 3 : The Bootstrap Grid

    • Lesson 4 : Breakpoints

    • Lesson 5 : Rows and Columns

    • Lesson 6 : Bootstrap Components and Elements

  • Chapter 10: Advance Bootstrap 5

    • Lesson 1 : Bootstrap Utilities

    • Lesson 2 : Forms

    • Lesson 3 : Helpers

  • Chapter 11: Dart SASS

    • Lesson 1 : What is SASS and how to use it

    • Lesson 2 : Variables

    • Lesson 3 : Nesting

    • Lesson 4 : Modules

    • Lesson 5 : Operators

    • Lesson 6 : Mixins

  • Chapter 12: Lets create a Responsive Landing with Bootstrap and SASS

    • ReCreate the Assignment Website

  • Chapter 13: Fundamentals of Javascript and JS syntax

    • Lesson 1 : Introduction to JavaScript

    • Lesson 2 : Let's write some JavaScript code

    • Lesson 3 : JavaScript Variables

    • Lesson 4 : Arrays in JavaScript

  • Chapter 14: Conditionals, Data Types and Operators

    • Lesson 1 : Data types in JavaScript and Truthy/Falsy Values

    • Lesson 2 : Operators in JavaScript

    • Lesson 3 : if/else and switch statements

  • Chapter 15: Functions, Loops, Methods of Data Types

    • Lesson 1 : The LOOPS and how to use it to write less code

    • Lesson 2 : Data Type Methods

    • Lesson 3 : Functions, Function Expressions and IIFE

    • Lesson 4 : Using Function as parameters and return values and the Scope chain

    • Lesson 5 : Closures

  • Chapter 16: Asynchronous and Advance JavaScript

    • Lesson 1 : What is Asynchronous JavaScript and Promises

    • Lesson 2 : An Example of Asynchronous JavaScript

    • Lesson 3 : Async-Await, API and Ajax

    • Lesson 4 : Making AJAX Calls with Fetch and Async-Await

    • Assignment : Create and tip calculator with the rules from below

  • Chapter 17: Object Oriented Programming with JavaScript

    • Lesson 1 : Introduction to OOP

    • Lesson 2 : Objects in JavaScript

    • Lesson 3 : Creating Objects Function Constructors

    • Lesson 4 : The “this” keyword

  • Chapter 18: ES6 and Modern JavaScript

    • Lesson 1 : What's new in ES6 JavaScript?

    • Lesson 2 : Arrow Functions and Default parameters

    • Lesson 3 : Arrays in ES6 and Map method and the Rest Parametre

    • Lesson 4 : Destructuring

    • Lesson 5 : Classes and Subclasses

  • Chapter 19: Document Object Model (DOM) Manipulation with JavaScript

    • Lesson 1 : What is DOM and how does it work?

    • Lesson 2 : Manipulating the DOM for the first time

    • Lesson 3 : How to select DOM elements in different ways

    • Lesson 4 : Changing styles of elements with DOM Manipulation

  • Chapter 20: The missing pieces of DOM and handling Events

    • Lesson 1 : Handling Events

    • Lesson 2 : Special Methods for elements while manipulating the DOM

    • Lesson 3 : Good practices while handling events

    • Assignment : Create a small ludo game with JavaScript

  • Chapter 21: Version Control and the Terminal

    • Lesson 1 : Introduction to the terminal and CMD

    • Lesson 2 : Basic commands

    • Lesson 3 : What is version control

    • Lesson 4 : Git and Github

    • Lesson 5 : How to use Github fully

  • Chapter 22: Introduction to Node JS and NPM

    • Lesson 1 : What is Node JS and NPM

    • Lesson 2 : Setuping Node JS

    • Lesson 3 : Basic package install and packages.json file uses

    • Lesson 4 : Why you need Node JS to learn modern JS development

  • Chapter 23: Fundamentals of React

    • Lesson 1 : What are JavaScript libraries and why you should learn React

    • Lesson 2 : Environment setup and Create-React-App

    • Lesson 3 : Understanding the files and the architecture of components

    • Lesson 4 : Class Vs Functional Components

    • Lesson 5 : Nested components

  • Chapter 24: JSX, Props and Lists

    • Lesson 1 : What is JSX and why it is important

    • Lesson 2 : How to write Raw JavaScript and CSS in a JSX file

    • Lesson 3 : What is props and how to use it

    • Lesson 4 : Prop Drilling and Props Destructuring

    • Lesson 5 : Lists in React and .map method and the spread operator

    • Assignment: Create a small React web application with more than 5 sections

  • Chapter 25: Advance React Topics

    • Lesson 1 : State management

    • Lesson 2 : Component lifecycle methods

    • Lesson 3 : Styled Components

    • Lesson 4 : Module based CSS in a Component

    • Lesson 5 : Conditional Rendering

    • Lesson 6 : PropTypes

  • Chapter 26: Basic React Hooks and Router

    • Lesson 1 : Why React Hooks?

    • Lesson 2 : useState

    • Lesson 3 : General rule of hooks

    • Lesson 4 : useEffect and Short-Circuit Evaluation

    • Lesson 5 : React Router and how to use in a real web application

  • Chapter 27: Advance React Hooks

    • Lesson 1 : useMemo

    • Lesson 2 : useRef

    • Lesson 3 : useReducer

    • Lesson 4 : useContext and Context API

    • Lesson 5 : useCallback

  • Chapter 28: Forms, API’s, External UI Libraries and Custom React Hooks

    • Lesson 1 : Handling forms with controlled input

    • Lesson 2 : Handling forms with useRef

    • Lesson 3 : Fetching Data From an API

    • Lesson 4 : Using Axios to get data from an API

    • Lesson 5 : Creating a custom React hook that fetches data from an API url

    • Lesson 6 : What are external libraries and why you should use them

    • Lesson 7 : Using tailwind CSS to create a small tours list application

  • Chapter 29: Project - A Markdown Blog

    • Lesson 1 : Project Development

  • Chapter 30: Project - An app that finds github users using the Github API

    • Lesson 1 : Project Development

    • Lesson 2 : Project Development

    • Lesson 3 : Project Development

    • Lesson 4 : Project Development

    • Lesson 5 : Project Development

    • Lesson 6 : Project Development

    • Lesson 7 : Project Development

    • Lesson 8 : Project Development

    • Lesson 9 : Project Development

    • Lesson 10 : Project Development

  • Chapter 31: Project - A blog website where all blog data is benign pulled from an API

    • Lesson 1 : Project Development

    • Lesson 2 : Project Development

    • Lesson 3 : Project Development

    • Lesson 4 : Project Development

    • Lesson 5 : Project Development

    • Lesson 6 : Project Development

    • Lesson 7 : Project Development

    • Lesson 8 : Project Development

  • Chapter 32: Project - An Ecommerce Project using Material UI

    • Lesson 1 : Project Development

    • Lesson 2 : Project Development

    • Lesson 3 : Project Development

    • Lesson 4 : Project Development

    • Lesson 5 : Project Development

    • Lesson 6 : Project Development

    • Lesson 7 : Project Development

    • Lesson 8 : Project Development

    • Lesson 9 : Project Development

    • Lesson 10 : Project Development

    • Lesson 11 : Project Development

    • Lesson 12 : Project Development

    • Lesson 13 : Project Development

    • Lesson 14 : Project Development

    • Lesson 15 : Project Development

  • Chapter 33: Final Course Assignment

    • Assignment: Create your own brand new portfolio website from scratch using the topics of the whole course and share it.

  • Conclusion

    • Congratulations

We will also teach you SOFT SKILLS!

because you will need them to excel in the Freelance marketplaces

  • In addition to learning technical skills, you will also need freelancing skills, mostly tips and tricks on how to win jobs and grow your portfolio.
  • Most of the clients in the Freelance marketplaces communicate in English
  • With our expert mentors who are also professional freelancers, we have created a complete freelancing skills course that will take you from a beginner to an expert in no time.
  • To help you become better in your communication and negotiation, we will provide you with an Business English course.
  • We will teach you how to find appropriate jobs, write proper cover letters and negotiate to get better rates for your work.
  • We will start with the basics of the English language and we will teach you everything you need to know to communicate effectively with your clients.
Earn a Living From Anywhere
Drop us your email address and we’ll be in touch on the next steps to your career change!
Try for Free