💻 CodeCraft

Tip 1: Practice daily. Tip 2: Build a personal website. Tip 3: Learn by doing. Tip 4: Study others’ code. Tip 5: Never stop exploring!

What is HTML?
HTML is called a markup language because it is used to structure and present content on the web, not to perform logic or computations like
programming languages (e.g., JavaScript, Python, C#).
Unlike programming languages, HTML:
• Lacks logic: No variables, loops, or conditional statements.
• Defines structure: Uses tags to format and organize content rather than executing commands.
• Depends on other technologies: Needs CSS for styling and JavaScript for interactivity

You can start learning JavaScript by practicing small code snippets daily. Try building simple things like calculators or to-do lists! And you should know What is a Variable?
• Variables act as containers that store data values.
• They allow you to save information, reassign new values, and reuse code
more efficiently.
Declaration Methods:
• var: Older declaration syntax with function scope.
• let: Modern variable declaration with block scope.
• const: Declares constants; once assigned, cannot be re-assigned.
Tip: Use let and const in new projects to reduce common errors associated
with variable hoisting and scope issues.

Definition: Cascading Style Sheets (CSS) is a stylesheet language used
for describing the presentation of a document written in HTML.
• Purpose: Separates content from presentation, allowing
consistent design and easier maintenance.
• Benefits:
• Enhances web design and user experience
• Enables responsive design and dynamic effects
• Simplifies changes across multiple web pages

• Definition: Bootstrap is a popular front-end framework that provides
prebuilt CSS and JavaScript components to speed up web
development.
• Key Features:
• Responsive Design: Ensures layouts adapt to multiple device sizes.
• Component Library: Includes buttons, forms, navigation bars, modals, and
more.
• Customizable: Easily override styles to match your branding.
• Benefits: Reduces development time by offering consistent, tested
components and a flexible layout system.

A JavaScript library developed by Facebook for building dynamic and interactive user interfaces.
• Focuses on creating reusable UI components and efficiently updating the DOM through its Virtual DOM.
Advantages of Using React:
• Declarative: Write predictable UI components by describing what you want to see on the screen.
• Component-Based: Build encapsulated components that manage their own state, then compose them to
make complex interfaces.
• Virtual DOM: Enhances performance by minimizing direct DOM manipulation.
• Reusable Code: Components can be reused across multiple parts of the application, which speeds up
development.
• Large Ecosystem: Supported by an extensive community, robust tooling, additional libraries (like React
Router, Redux, etc.), and comprehensive documentation.
• Cross-Platform Development: With React Native, you can build native mobile applications using the same
concepts.