Please enable JavaScript.

Coggle requires JavaScript to display documents.

24 (Javascript, React-Js, CSS, HTML) - Coggle Diagram

- - - - Assignment: Create a basic React app setup using Create React App
  - - - Implement a TodoForm component for adding todos and a TodoList component to display todos, using useState for managing todos state.
  - - - Add functionality to render todos conditionally with an option to mark todos as completed and filter out completed todos.
  - - - Implement event handling for form submission and add a useEffect hook to log todos whenever the list updates.
  - - - Use controlled components for the todo input form to manage user input dynamically.
  - - - Add React Router to navigate between a Home page displaying the Todo List and an About page describing the app.
  - - - Lift the todos state to the App component and use the Context API to manage and toggle between light and dark themes.
  - - - Create a Higher Order Component (HOC) named withBorder to wrap components with a border, and deploy the Todo App to Netlify for public access.
- - - - Understanding client-server architecture.
      - Introduction to HTML: Structure of a web page.
      - Overview of web development
      - HTML tags and elements.
  - - - Form tag,Input Tag,Label,Texetarea,Select Tag
      - Semantic Tags
      - Tabels,Colspan,rowspan
  - - - Row span,Colspan
      - Tabels
      - Video,audio,+Meta tags