Currently Empty: ৳ 0.00
Adnan Sabbir
Last updated February 3, 2022
Getting Started with Frontend Development
Overview
This course includes:
- 23+ hours on-demand video
- 218 Lessons
- Full lifetime access
- Certificate of Completion
- Price:
99991999 Taka
কোর্স সম্পর্কিত ধারনাঃ
এই কোর্সটি আপনাকে একজন প্রোফেশনাল ফ্রন্টেন্ড ডেভেলপার হতে সাহায্য করবে এবং খুব সহজেই যেকোনো ফ্রন্টএন্ড ইন্টারভিঊ ক্র্যাক করতে পারবেন।
যদিও কোর্সটি শিক্ষার্থীদের জন্য তৈরি, ধাপে ধাপে কোর্সটিতে প্রচুর এডভান্স টপিক যুক্ত করা হয়েছে। তাই কোর্সটি প্রোফেসনাল দের কেরিয়ার ডেভেলপমেন্টেও প্রচুর কাজে দিবে। এডভান্স এইচটিএমএল সিএসএস এর পাশাপাশি এখানে আমরা জাভাস্ক্রিপ্ট এর এডভান্স টপিকও শিখাব যেগুলোতে কিনা অনেক সিনিয়র ডেভেলপারও হোঁচট খায়। এই কোর্সে অন্তর্ভুক্ত প্রজেক্টগুলো কেবল সাধারণ তথাকথিত প্রোফেসনাল ডিজাইনি নয়, বরঞ্চ মজাদার এবং ইন্টারঅ্যাক্টিভ। কোর্সটি করে আশা করছি অনেক কিছু শিখার পাশাপাশি অনেক মজা ও পাবেন।
কোর্সটি যাদের জন্যঃ
এই কোর্সটি শিক্ষার্থী এবং পেশাদার উভয়ের জন্যই ডিজাইন করা হয়েছে যারা ফ্রন্টএন্ড শিখতে ইচ্ছুক বা তাদের ফ্রন্টএন্ড দক্ষতা বাড়াতে ইচ্ছুক।
কোর্সটির মাধ্যমে আপনি যা শিখতে পাড়বেনঃ
- How the internet works
- The web
- Beginner to Advanced HTML
- Beginner to Advanced CSS
- Bootstrap (CSS library)
- Layout Design
- Git and GitHub
- Contributing to Open Source
- Performance Optimization
- Basic JavaScript
- Advanced topics of JS
- How JavaScript engine works
- Critical render path
- Dom Manipulation
- NPM
- and Many More
Curriculum
-
Week 1: Introduction
-
Week 2: How the internet works
- Video 2.1 – Introduction
- Video 2.2 – Browsing a web page
- Video 2.3 – Getting IP from DNS
- Video 2.4 – Using an IP address to browse
- Video 2.5 – Caching
- Video 2.6 – Breaking google.com
- Video 2.7 – Private vs Public IP
- Video 2.8 – How private IPS get back responses
- Video 2.9 – LAN vs MAN vs WAN
- Video 2.10 – The Submarine Cable and Server Maps
- Video 2.11 – Tracert
- Video 2.12 – Developers Challenge
- Video 2.13 – Full Stack Development
-
Week 3: The Web
-
Week 4: HTML
-
Week 5: Advanced HTML
-
Week 6: CSS
- Video 6.1 – Intro
- Video 6.2 – Creating the HTML
- Video 6.3 – CSS Selectors
- Video 6.4 – CSS – Margin, Padding, and Measurements
- Video 6.5 – Writing CSS in the Browser
- Video 6.6 – CSS – Text Properties
- Video 6.7 – Using a custom font
- Video 6.8 – CSS Position
- Video 6.9 – CSS position – small correction
- Video 6.10 – Background Image
- Video 6.11 – Background Gradient
- Video 6.12 – Background Gradient II
- Video 6.13 – Recap
- Video 6.14 – Add a new Button
- Video 6.15 – Decorating about me
- Video 6.16 – Final Task
-
Week 7: Advanced CSS
- Video 7.1 – Critical Render Path
- Video 7.2 – Pure CSS Games
- Video 7.3 – Flex-box I
- Video 7.4 – Flex-box II
- Video 7.5 – Pseudo Class
- Video 7.6 – Transform and Transition
- Video 7.7 – CSS Animation
- Video 7.8 – Responsive Design
- Video 7.9 – Project – Floating Ghost I
- Video 7.10 – Project – Floating Ghost II
- Video 7.11 – Project – Floating Ghost III
- Video 7.12 – A task for you
-
Week 8: Git and GitHub
- Video 8.1 – What problem does git solve
- Video 8.2 – GitHub account and collaboration
- Video 8.3 – Installing Git bash
- Video 8.4 – Git Branch
- Video 8.5 – Windows Terminal
- Video 8.6 – Merge Conflict
- Video 8.7 – Git Ignore
- Video 8.8 – Introduction to Open Source
- Video 8.9 – Your first Contribution to Open Source
- Video 8.10 – End
-
Week 9: Bootstrap GitHub Pages and more CSS
- Video 9.1 – Intro
- Video 9.2 – Developers Challenge
- Video 9.3 – What is Bootstrap
- Video 9.4 – Bootstrap Documentation
- Video 9.4.1 – Display Property
- Video 9.4.2 – Overflow and position
- Video 9.4.3 – Flex-box in Bootstrap
- Video 9.4.4 – Bootstrap row and column
- Video 9.4.5 – Bootstrap Break-point and Responsiveness
- Video 9.5 – The layout Planning
- Video 9.6 – Project – Adding the Navbar
- Video 9.7 – Creating a GitHub Repository
- Video 9.8 – Creating the Slider
- Video 9.9 – Creating the about me Section
- Video 9.10 – Fix I
- Video 9.11 – Fix II
- Video 9.12 – Making the Portfolio Section
- Video 9.13 – Fix III
- Video 9.14 – Creating the service section
- Video 9.15 – Adding Resume Section
- Video 9.16 – Adding the writing section
- Video 9.17 – The last section
- Video 9.18 – Making the site live
-
Week 10: CSS Grid and Layout
-
Week 11: Performance Optimization
-
Week 12: JavaScript
- Video 12.1 – Intro
- Video 12.2 – History of JavaScript
- Video 12.3 – Writing your first JS
- Video 12.4 – Data Types
- Video 12.5 – Arithmetic Operators
- Video 12.5.1 – Arithmetic Operators II
- Video 12.6 – Compare Operators
- Video 12.7 – JS is Weird
- Video 12.8 – Variables
- Video 12.9 – Conditions
- Video 12.10 – Conditions II
- Video 12.11 – Logical Operators
- Video 12.12 – Functions
- Video 12.13 – Array
- Video 12.14 – Object
- Video 12.15 – Stack and Queue
- Video 12.16 – Hash Table
- Video 12.17 – Loop
- Video 12.18 – Keywords
-
Week 13: Advanced JavaScript
- Video 13.1 – Intro
- Video 13.2 – JavaScript Style Guide
- Video 13.3 – Type Coercion
- Video 13.4 – Static and Dynamic vs Weak and Strong
- Video 13.5 – Destructuring
- Video 13.6 – Rest Syntax
- Video 13.7 – Pass by value vs Pass by reference
- Video 13.8 – More Object Methods
- Video 13.9 – More about Array
- Video 13.10 – String Methods
- Video 13.11 – Scope
- Video 13.12 – Memory Leak
- Video 13.13 – Stack Overflow
- Video 13.14 – Recursion
- Video 13.15 – Higher-Order Function
- Video 13.16 – Closure and IIFE
- Video 13.17 – An Example
- Video 13.18 – Comparing Objects
- Video 13.19 – Window Objects
- Video 13.20 – This Keyword
- Video 13.21 – Side Effect and Pure Function
- Video 13.22 – Memorization
- Video 13.23 – Synchronous vs Asynchronous and Web API
- Video 13.24 – Event Loop
- Video 13.25 – Promise
- Video 13.26 – Fetch API
- Video 13.27 – Async Await
- Video 13.28 – Use Strict
- Video 13.29 – Es5 vs Es6
- Video 13.30 – Class
- Video 13.31 – Module
-
Week 14: How JavaScript Works
- Video 14.1 – Intro
- Video 14.2 – What is JS Engine
- Video 14.3 – How JS Engine Works
- Video 14.4 – More Conversion Steps in Between
- Video 14.5 – JavaScript is an Interpreted Language
- Video 14.6 – JavaScript vs JAVA
- Video 14.7 – Helping Compiler to Optimize Code
- Video 14.8 – Web Assembly
- Video 14.9 – Memory Heap
- Video 14.10 – Call Stack
- Video 14.11- Call Stack with Memory Heap
- Video 14.12 – Stack Overflow
- Video 14.13 – Garbage Collection
- Video 14.14 – Popular Garbage Collection Methods
- Video 14.15 – Memory Leak
-
Week 15: Miscellaneous
- Video 15.1 – Intro
- Video 15.2 – JSON
- Video 15.3 – Math Library
- Video 15.4 – API vs API endpoint
- Video 15.5 – What is the rest API
- Video 15.6 – SQL vs No-SQL
- Video 15.7 – HTTP Methods
- Video 15.8 – URI vs URL
- Video 15.9 – HTTP Status Code
- Video 15.10 – Authentication HTTP vs HTTPS
- Video 15.11 – Local vs Session Storage
- Video 15.12 – Cookie
- Video 15.13 – JWT
- Video 15.14 – Session ID
- Video 15.15 – Library vs Framework
-
Week 16: Dom Manipulation
- Video 16.1 – Intro
- Video 16.2 – BOM
- Video 16.3 – Advanced Critical Render Path
- Video 16.4 – Finding Elements
- Video 16.5 – Updating HTML Elements
- Video 16.6 – Get Style Property
- Video 16.7 – Adding and Deleting Element
- Video 16.8 – How to get templates
- Video 16.9 – Event Handling
- Video 16.10 – More ways to handle events
- Video 16.11 – Project Planning
- Video 16.12 – Project Part II
- Video 16.13 – Project Part III
- Video 16.14 – Project Part IV
- Video 16.15 – Project Part V
- Video 16.16 – Project Final Touch
- Video 16.17 – j query
-
Week 17: NPM
-
Week 18: What is Next
Instructor
0 Reviews
0 Students
1 Course
