Web development
Frontend Mastery: JavaScript, React, Next.js (TypeScript)
- Schedule
- Every Friday (09:30 AM to 12:00 PM)
- Length
- 16 class, 4 Months
- Course fee
- Tk 10,000
Admission closed
Course details
Web development
Admission closed
JavaScript Fundamentals
A comprehensive introduction to JavaScript and essential front-end tools – HTML, CSS, Tailwind CSS, JavaScript Fundamentals and Git – building a solid foundation in web development.
This course is designed to provide a comprehensive introduction to JavaScript and essential front-end development tools. Covering HTML, CSS, Tailwind CSS, JavaScript Fundamentals, and Git, this program ensures that you build a solid foundation in web development. Led by industry experts, participants will gain hands-on experience through real-world projects, preparing them to move on to advanced frameworks such as React and Next.js.
Whether you’re starting your journey in web development or looking to strengthen your skills, this course will equip you with the knowledge and experience needed to excel in web development.
This course is the ideal entry point for anyone looking to establish a career in web development, providing a strong foundation in the fundamental technologies that power the web.
Who this course is for
- Beginner developers starting their web journey.
- Students preparing for front-end development careers.
- Graduates seeking JavaScript skills for professional growth.
- Aspiring web developers wanting a solid foundation.
What you will learn
- Equip students with foundational web development skills to prepare them for more advanced topics like React and Next.js.
How the course works
- Expert Trainers: Learn from industry professionals.
- Hands-On Training: Gain practical experience through real-world projects.
- Certification: Receive a certificate from CDIP, UIU upon completion.
- Career Support: Access CV development and interview simulations.
- Flexible Schedule: Weekly Saturday classes to fit your commitments.
- Tools & Technologies Covered: Languages: HTML, CSS, JavaScript; Frameworks: Tailwind CSS; Version Control: Git & GitHub
Course outline
1Class 1: HTML Fundamentals
- Introduction to HTML: History and Definition; Structure of an HTML Document; Common HTML Tags and Their Uses (Headings, Paragraphs, Links, Images, etc.); Forms and Input Elements; Semantic HTML Best Practices
- Design Structure Breakdown: Planning the Layout and Structure Before Coding (Wireframing); Breaking Down a Design into HTML Structure
- Git Basics: Introduction to Git and Version Control; Setting Up a Local Repository, Initializing a Project, and Basic Commands
2Class 2: CSS & Tailwind CSS
- CSS Fundamentals: CSS Syntax and Selectors; Box Model, Margins, Padding, and Borders; Positioning and Layout Basics (Flexbox and Grid)
- CSS Framework – Tailwind CSS: Introduction to Utility-First CSS with Tailwind; Setting Up Tailwind in Your Project; Building Responsive Web Pages with Tailwind; Customizing Tailwind for Personal Projects
- Small Projects: Design and Build Small Projects (Card Design, Banner Design, Header and Footer)
- Personal Project: Start Working on a Portfolio Website (HTML and Tailwind)
3Class 3: JavaScript Basics
- Introduction to JavaScript: History and Evolution of JavaScript; Basic Syntax, Variables, Let/Const/Var; Data Types and Operators in JavaScript; Funny Scenarios of JavaScript: The Quirks of the Language
- Control Flow and Functions: If-Else, Switch Statements; Loops (for, while); Functions and Scope in JavaScript
4Class 4: DOM Manipulation and Events
- DOM Manipulation: Understanding the Document Object Model (DOM); Selecting and Manipulating HTML Elements; Real-Time DOM Manipulation
- Event Handling in JavaScript: Understanding Events and Event Listeners (click, hover, etc.); Working with Forms and Input Fields
- Small Projects: Build a Simple Calculator, Digital Watch, and a Money Bag Counter as mini-projects
5Class 5: Advanced JavaScript Concepts
- Arrays and Objects: Introduction to Arrays, Objects, and How to Use Them; Modern JavaScript Methods: map, filter, reduce
- Functions as First-Class Citizens: Callbacks, Higher-Order Functions, and Closures
- Error Handling: Using try-catch for Error Handling
- Small Project (Home Task): Build a Cat Game (Interactive Small Project)
6Class 6: Git and Version Control
- Detailed Git Commands: Clone, Commit, Push, Pull, Branch, Merge
- Collaboration Using Git: Understanding GitHub for Team Collaboration; Best Practices for Version Control in Teams
7Class 7: Project Update & Feedback
- Project Review: Review of Ongoing Projects and Assignments; Individual Feedback on Projects
- Improving Code Quality: How to Improve Code Quality and Efficiency; Best Practices for Project Management and Collaboration
8Class 8: Job Guideline, CV Update, & Final Project
- Career Path and Job Guidelines: Insights into the Web Development Job Market; Skills in Demand and Career Path in JavaScript Development
- CV Update & Interview Simulation: Tailoring Your CV for JavaScript Developer Roles; Mock Interview Preparation
- Final Project: Build a Project Using the Skills Learned; Prepare for Advanced Topics in Web Development (React, Next.js)
Assessment and certificate
- Final Project: Build a Project Using the Skills Learned
- Certificate will be given after successful course completion
Taught by
Course terms
CDIP terms and conditions apply to every course.
More in web development
Web development
PHP: Basic to Advance
- Schedule
- Every Saturday (3:00 PM to 5:30 PM)
- Length
- 12 class, 3 Months
- Course fee
- Tk 5,000
Admission closed
Course details
Web development
Full Stack Web Development with Laravel-React
- Schedule
- Every Saturday (3:00 PM to 5:30 PM)
- Length
- 24 classes (6 Months)
- Course fee
- Tk 16,000
- Paid at once
- Tk 14,000
Admission closed
Course details