Latest ads
-
Gemini AI PRO 18 months Offer- Hawaka
- Updated:
-
koko account
- DasunEranga
- Updated:
-
koko account
- DasunEranga
- Updated:
Web development Bootcamp
- Thread starter MihiCherub
- Start date
මමත් මේක දැක්කෙ අදයි. මම වෙබ් ඩිවලොප්මන්ට් එක ඩවුන්ලෝඩ් කරගෙන ගොඩක් කල් උනා. දෙපාරක්ම කරනවා කියල පටන් ගත්තත් අතරමගදි නැවතුනා.අයිත් පටන් ගත්තා තාම මුල් හරියෙ.මේකත් ටිකක් මොඩිෆයි කර ගත්තා.
මේ අවුරුද්දෙවත් මේක කරගන්න ඕනෙ. 
Road Map
Road Map
- 1. HTML Fundamentals
- Basic Structure:
- <!DOCTYPE html> declaration
- <html>, <head>, <body> tags
- Core Elements:
- Headings (<h1> - <h6>)
- Paragraphs (<p>)
- Images (<img>)
- Links (<a>)
- Lists (<ul>, <ol>, <li>)
- Tables (<table>, <tr>, <td>)
- Forms (<form>, <input>, <textarea>, <select>)
- Semantic HTML:
- Using appropriate elements for meaning (e.g., <header>, <nav>, <main>, <footer>, <article>)
- Accessibility considerations
- Basic Structure:
- 2. CSS Fundamentals
- Basic Syntax:
- Selectors (element, class, ID)
- Properties and values
- Cascading and specificity
- Box Model:
- width, height, padding, border, margin
- Typography:
- font-family, font-size, font-weight, color
- Color:
- Color names, hex codes, RGB/RGBA
- Backgrounds:
- background-color, background-image, background-size, background-position
- Positioning:
- position property (static, relative, absolute, fixed)
- Flexbox:
- Creating flexible layouts with display: flex
- Grid Layout:
- Creating complex grid-based layouts
- Basic Syntax:
- 3. Basic JavaScript
- Data Types:
- Numbers, strings, booleans, arrays, objects
- Variables:
- Declaration and assignment
- Scope (let, const)
- Operators:
- Arithmetic, comparison, logical
- Control Flow:
- if/else statements
- switch statements
- Loops (for, while, do...while)
- Functions:
- Defining and calling functions
- Function arguments and return values
- DOM Manipulation:
- Selecting and manipulating HTML elements
- Adding/removing elements and changing their content
- Handling events (click, hover, etc.)
- Data Types:
- 4. Git & GitHub Basics
- Version Control Concepts:
- Tracking changes to files
- Committing changes
- Creating and merging branches
- GitHub:
- Creating repositories
- Pushing and pulling code to/from GitHub
- Working with issues and pull requests
- Collaborating with others on projects
- Version Control Concepts:
- 5. CSS Preprocessors (Sass)
- Variables: Storing and reusing CSS values
- Nesting: Writing more organized and maintainable CSS
- Mixins: Creating reusable blocks of CSS code
- Functions: Defining custom functions for CSS values
- Partials: Importing and organizing CSS code
- 6. Package Managers (npm/yarn)
- Installation: Installing npm/yarn
- Project Setup: Creating a package.json file
- Installing Dependencies: Using install and uninstall commands
- Managing Dependencies: Using update and save commands
- Understanding node_modules
- 7. CSS Frameworks (Tailwind CSS)
- Installation and Setup: Installing Tailwind CSS
- Utility Classes: Understanding and using Tailwind's built-in classes (e.g., spacing, typography, colors, layout)
- Customization: Configuring and customizing Tailwind for your project
- Responsive Design: Using Tailwind's responsive modifiers
- Building Components: Creating reusable UI components with Tailwind
- 8. Intermediate JavaScript
- Arrays:
- Methods like map, filter, reduce
- Objects:
- Object-oriented programming concepts
- Asynchronous JavaScript:
- Promises, async/await
- Event Handling:
- Advanced event listeners and event bubbling/capturing
- Arrays:
- 9. TypeScript
- Type Annotations: Adding type information to variables and functions
- Interfaces: Defining the structure of objects
- Classes: Creating reusable objects with methods and properties
- Generics: Writing reusable code that can work with different data types
- 10. React
- Components: Creating reusable UI components with JSX
- Props: Passing data between components
- State: Managing the internal state of components
- JSX: Writing HTML-like syntax within JavaScript
- Rendering Lists and Conditional Logic
- Handling Events
- Component Lifecycle
- 11. Automated Testing (Jest)
- Writing Unit Tests: Creating tests for individual components and functions
- Test-Driven Development (TDD): Writing tests before writing the actual code
- Assertions: Using expect and matchers to verify the behavior of code
- Running and Debugging Tests
- 12. Meta Frameworks (Next.js)
- Server-Side Rendering (SSR): Rendering pages on the server for better performance and SEO
- Static Site Generation (SSG): Pre-rendering pages at build time
- File System Routing: Creating routes based on the file system structure
- API Routes: Building serverless APIs within your Next.js application
උඩින් පල්ලෙන් කරන අය ඕනෙ තරම් ඉන්නව. උන් නිසා හරියට කරන උන්ටත් ද්අන් ඩිමාන්ඩ් එකක් නෑ.
Machn math ada idan set wenava
අද html ටික ගොඩ දානවා මම
------ Post added on Jan 19, 2025 at 10:10 AM
අද html ටික ගොඩ දානවා මම
------ Post added on Jan 19, 2025 at 10:10 AM
Section 2
Introduction to HTML
HTML Tags
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
Generate Lorem Ipsum Texts
https://www.lipsum.com/feed/html
Another Imsum Texts
https://www.broipsum.com/
Introduction to HTML
HTML Tags
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
Generate Lorem Ipsum Texts
https://www.lipsum.com/feed/html
Another Imsum Texts
https://www.broipsum.com/
Similar threads
