JavaScript, jQuery & TypeScript: Full-Stack Web Development

Learn how to set up jQuery in your project using a CDN or local download, include it in HTML, and build a simple click-to-update paragraph example.

Discover basic jQuery syntax and css-like selectors to select and manipulate HTML elements, handle click events, and hide or change text with the dollar sign.

Master how to use jQuery to get and set HTML attributes, such as href and src, by manipulating anchor and image elements through practical attribute methods.

Explore how to get and set CSS classes with jQuery by dynamically adding, removing, and toggling classes on HTML elements, including highlight and normal states and active/inactive styles.

Learn how to dynamically add and remove elements with jQuery, manipulating HTML content by appending list items and removing the last item to build interactive UIs.

Explore how to use jQuery to select and manipulate sibling elements and filter items with the filters query, applying next, show, hide, and highlight techniques for active and inactive states.

The noConflict method in jQuery allows multiple libraries to coexist without dollar symbol conflicts, demonstrated with prototype.js in a sample HTML page.

Discover dom manipulation with jQuery by dynamically changing content, structure, and style, using add, remove, and change actions via button interactions.

Learn to handle events with jQuery by wiring a click event to a button that updates a paragraph, and apply hover to change a div's background color.

Learn how to replace text, html content, and entire elements with jQuery, using text and html methods and replace with or replace all, triggered by button clicks.

Explore how to create interactive web pages with jQuery animations, including fade in/out effects on paragraphs, and a slide toggle to show and hide content.

Learn how to use the jQuery load() method to fetch server content and inject it into a page, with examples loading static HTML and parameterized data via Ajax.

Discover how ajax with jQuery enables asynchronous data exchange by sending get and post requests to server endpoints and displaying responses without reloading the page.

Explore jQuery plugins and UI components that add reusable features and interactive elements. Build a date picker with jQuery UI and implement a responsive image slider carousel.

Build an interactive image slider with jQuery and a carousel plugin to display multiple images in limited space, using HTML, CSS, and JavaScript for a responsive, auto-sliding experience.

Set up a TypeScript development environment with Node.js, npm, and VS Code, create a hello world TypeScript file, and compile and run it to verify output.

Explore basic TypeScript syntax and types, a superset of JavaScript, including string, number, boolean, arrays, and objects, and learn static typing, function parameters and return types, with tsc.

Explore type annotations and interfaces in TypeScript to write safer, clearer code. Learn how explicit types and inference enforce string, number, and boolean values in real examples.

Explore how TypeScript uses interfaces as contracts to define object shapes and how classes implement these interfaces, including an interface named user, constructor setup, and a display info method.

Organize your TypeScript code with modules and namespaces, exporting and importing functions like add and subtract, and using a geometry namespace to avoid name collisions.

Explore generics with TypeScript to build flexible, reusable code through generic functions and classes, including an identity function and a box example that handles string and number types.

Master decorators in TypeScript and JavaScript, including class and property decorators, to modify class behavior and metadata with practical examples and logging patterns used in frameworks like Angular.

Learn to use TypeScript with React and Angular to catch errors early, improve code completion, and build robust React functional components and Angular services.

Create a simple TypeScript calculator class with add, subtract, multiply, and divide methods, including error handling for division by zero, and demonstrate operations via console logs.