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.
C0.01 - Welcome to Coderstrust
VideoC0.02 - Welcome to Digital Jobs Albania
VideoC0.03: Welcome to your learning journey!
ResourceC0.04: Coderstrust & You
ResourceC0.05: Setting goals
ResourceC0.06: How it works: Assignments
ResourceC0.07: Join our Community
ResourceWelcome to the Course
VideoLesson 2 : How to get the most out of this course
VideoLesson 3 : Let's get the setup done
VideoLesson 1 : The document structure and doctype
VideoLesson 2 : What are HTML tags ?
VideoLesson 3 : Tags for handling text
VideoLesson 4 : HTML Lists
VideoLesson 5 : Link tags
VideoLesson 6 : HTML Tables
VideoLesson 7 : Image tags
VideoLesson 8 : Conventional and Layout HTML tags
VideoLesson 1 : Form tags
VideoLesson 2 : What is Semantic HTML
VideoLesson 3 : Semantic tags (header, footer, section, article)
VideoLesson 4 : Semantic tags (aside, main, time)
VideoLesson 5 : HTML5 video/audio
VideoLesson 6 : HTML meta tags
VideoLesson 7 : HTML special characters
VideoCreate a small website structure where you will display information about yourself
ResourceLesson 1 : What is CSS and how CSS works
VideoLesson 2 : Ways to select an element to style
VideoLesson 3 : Font and Text styling
VideoLesson 4 : The Box Model
VideoLesson 5 : Changing colors and backgrounds
VideoLesson 1 : CSS layout properties
VideoLesson 2 : Advance CSS properties
VideoLesson 3 : Pseudo Properties
VideoLesson 4 : Transitions and Transform
VideoLesson 1 : CSS Flexbox and it’s uses
VideoLesson 2 : Media Queries and Breakpoints
VideoLesson 3 : Making grids with Flexbox to create a full website layout
VideoStyle the website structure that you build in the previous (Chapter 4) assignment
ResourceLesson 1 : What is Bootstrap why to use it
VideoLesson 2 : How to setup Bootstrap for a project
VideoLesson 3 : The Bootstrap Grid
VideoLesson 4 : Breakpoints
VideoLesson 5 : Rows and Columns
VideoLesson 6 : Bootstrap Components and Elements
VideoLesson 1 : Bootstrap Utilities
VideoLesson 2 : Forms
VideoLesson 3 : Helpers
VideoLesson 1 : What is SASS and how to use it
VideoLesson 2 : Variables
VideoLesson 3 : Nesting
VideoLesson 4 : Modules
VideoLesson 5 : Operators
VideoLesson 6 : Mixins
VideoReCreate the Assignment Website
ResourceLesson 1 : Introduction to JavaScript
VideoLesson 2 : Let's write some JavaScript code
VideoLesson 3 : JavaScript Variables
VideoLesson 4 : Arrays in JavaScript
VideoLesson 1 : Data types in JavaScript and Truthy/Falsy Values
VideoLesson 2 : Operators in JavaScript
VideoLesson 3 : if/else and switch statements
VideoLesson 1 : The LOOPS and how to use it to write less code
VideoLesson 2 : Data Type Methods
VideoLesson 3 : Functions, Function Expressions and IIFE
VideoLesson 4 : Using Function as parameters and return values and the Scope chain
VideoLesson 5 : Closures
VideoLesson 1 : What is Asynchronous JavaScript and Promises
VideoLesson 2 : An Example of Asynchronous JavaScript
VideoLesson 3 : Async-Await, API and Ajax
VideoLesson 4 : Making AJAX Calls with Fetch and Async-Await
VideoAssignment : Create and tip calculator with the rules from below
ResourceLesson 1 : Introduction to OOP
VideoLesson 2 : Objects in JavaScript
VideoLesson 3 : Creating Objects Function Constructors
VideoLesson 4 : The “this” keyword
VideoLesson 1 : What's new in ES6 JavaScript?
VideoLesson 2 : Arrow Functions and Default parameters
VideoLesson 3 : Arrays in ES6 and Map method and the Rest Parametre
VideoLesson 4 : Destructuring
VideoLesson 5 : Classes and Subclasses
VideoLesson 1 : What is DOM and how does it work?
VideoLesson 2 : Manipulating the DOM for the first time
VideoLesson 3 : How to select DOM elements in different ways
VideoLesson 4 : Changing styles of elements with DOM Manipulation
VideoLesson 1 : Handling Events
VideoLesson 2 : Special Methods for elements while manipulating the DOM
VideoLesson 3 : Good practices while handling events
VideoAssignment : Create a small ludo game with JavaScript
ResourceLesson 1 : Introduction to the terminal and CMD
VideoLesson 2 : Basic commands
VideoLesson 3 : What is version control
VideoLesson 4 : Git and Github
VideoLesson 5 : How to use Github fully
VideoLesson 1 : What is Node JS and NPM
VideoLesson 2 : Setuping Node JS
VideoLesson 3 : Basic package install and packages.json file uses
VideoLesson 4 : Why you need Node JS to learn modern JS development
VideoLesson 1 : What are JavaScript libraries and why you should learn React
VideoLesson 2 : Environment setup and Create-React-App
VideoLesson 3 : Understanding the files and the architecture of components
VideoLesson 4 : Class Vs Functional Components
VideoLesson 5 : Nested components
VideoLesson 1 : What is JSX and why it is important
VideoLesson 2 : How to write Raw JavaScript and CSS in a JSX file
VideoLesson 3 : What is props and how to use it
VideoLesson 4 : Prop Drilling and Props Destructuring
VideoLesson 5 : Lists in React and .map method and the spread operator
VideoAssignment: Create a small React web application with more than 5 sections
ResourceLesson 1 : State management
VideoLesson 2 : Component lifecycle methods
VideoLesson 3 : Styled Components
VideoLesson 4 : Module based CSS in a Component
VideoLesson 5 : Conditional Rendering
VideoLesson 6 : PropTypes
VideoLesson 1 : Why React Hooks?
VideoLesson 2 : useState
VideoLesson 3 : General rule of hooks
VideoLesson 4 : useEffect and Short-Circuit Evaluation
VideoLesson 5 : React Router and how to use in a real web application
VideoLesson 1 : useMemo
VideoLesson 2 : useRef
VideoLesson 3 : useReducer
VideoLesson 4 : useContext and Context API
VideoLesson 5 : useCallback
VideoLesson 1 : Handling forms with controlled input
VideoLesson 2 : Handling forms with useRef
VideoLesson 3 : Fetching Data From an API
VideoLesson 4 : Using Axios to get data from an API
VideoLesson 5 : Creating a custom React hook that fetches data from an API url
VideoLesson 6 : What are external libraries and why you should use them
VideoLesson 7 : Using tailwind CSS to create a small tours list application
VideoLesson 1 : Project Development
VideoLesson 1 : Project Development
VideoLesson 2 : Project Development
VideoLesson 3 : Project Development
VideoLesson 4 : Project Development
VideoLesson 5 : Project Development
VideoLesson 6 : Project Development
VideoLesson 7 : Project Development
VideoLesson 8 : Project Development
VideoLesson 9 : Project Development
VideoLesson 10 : Project Development
VideoLesson 1 : Project Development
VideoLesson 2 : Project Development
VideoLesson 3 : Project Development
VideoLesson 4 : Project Development
VideoLesson 5 : Project Development
VideoLesson 6 : Project Development
VideoLesson 7 : Project Development
VideoLesson 8 : Project Development
VideoLesson 1 : Project Development
VideoLesson 2 : Project Development
VideoLesson 3 : Project Development
VideoLesson 4 : Project Development
VideoLesson 5 : Project Development
VideoLesson 6 : Project Development
VideoLesson 7 : Project Development
VideoLesson 8 : Project Development
VideoLesson 9 : Project Development
VideoLesson 10 : Project Development
VideoLesson 11 : Project Development
VideoLesson 12 : Project Development
VideoLesson 13 : Project Development
VideoLesson 14 : Project Development
VideoLesson 15 : Project Development
VideoAssignment: Create your own brand new portfolio website from scratch using the topics of the whole course and share it.
ResourceCongratulations
Resource