HTML , CSS and JS BY Sipalaya InfoTech
HTML:
● Introduction to HTML
● Understanding HTML
● What is HTML?
● Structure of an HTML document.
● HTML tags and attributes.
● Text Formatting
● Headings, paragraphs, and line breaks.
● Emphasis, strong, and other text formatting tags.
● Lists and Links
● Creating ordered and unordered lists.
● Inserting hyperlinks.
● HTML Forms and Multimedia
● HTML Forms
● Form elements (input, textarea, select).
● Form attributes and form structure.
● Form validation.
● Multimedia Elements
● Embedding images and videos.
● Audio elements.
● Semantic HTML
● Semantic tags (header, nav, article, section, etc.).
● Accessibility best practices.
CSS:
● Introduction to CSS
● Understanding CSS
● What is CSS?
● Selectors, properties, and values.
● Styling Text and Fonts
● Font properties.
● Text alignment, decoration, and transformation.
● Box Model
● Margin, padding, border.
● Box model properties.
● Layout and Responsive Design
● Positioning and Display
● Relative, absolute, fixed positioning.
● Display property.
● Flexbox
● Introduction to flex container and flex items.
● Flex properties.
● Grid
● Creating grid layouts.
● Grid properties.
● Advanced CSS
● Transitions and Animations
● CSS transitions.
● CSS animations.
● Responsive Design
● Media queries.
● Mobile-first design approach.
JavaScript:
● Introduction to JavaScript
● Introduction to JavaScript
● Overview, history, and use cases.
● Setting up a development environment.
Basic JavaScript
● Variables, data types, and operators.
● Control flow and loops.
● Functions and Objects
● Function declaration vs. expression.
● Working with objects and arrays.
● DOM Manipulation and Events
● Document Object Model (DOM)
● Accessing and manipulating HTML elements.
● DOM events and event listeners.
● Asynchronous JavaScript
● Introduction to AJAX and Fetch API.
● Promises and async/await.
JavaScript Projects
Building a Simple Interactive Website
Incorporating HTML, CSS, and JavaScript.
Interactivity with the DOM.
AJAX Request and Display
Fetching data from an API.
Displaying dynamic content.
Final Project ( Internship )
Implement a more complex web application.
Apply knowledge gained throughout the course.