Lynn Stanikmas Web Application Developer | Software Engineer | UX | UI Developer | UI Designer

  Responsive Web Menu Order Form Prototype Users add menu item selections to a web menu order form, enter special instructions, total selections, and contact the restaurant. XHTML was developed to make HTML more extensible and flexible to work with other data formats (such as XML). In addition, browsers ignore errors in HTML pages, and try to display the website even if it has some errors in the markup. So XHTML comes with much stricter error handling. sprintf.js is a JavaScript library that provides a way to format strings using a syntax similar to the sprintf function in C and other languages. sprintf.js isn't specifically designed for number calculations, but rather for formatting strings. However, it can be quite useful when one needs to format the output of one's calculations in a specific way. When authoring document in HTML or XHTML, it's important to add a doctype declaration to be sure the document will be parsed the same way by different browsers. Unlike XML 1.0, ...

Upgraded to @Angular version 20  https://listings-d5ac7.web.app/home   Upgraded biannually from version 8 - onward since 2020 Utilizes enhanced dependency injection by shifting from constructor-based injection to using the inject() function Migrated to Angular’s standalone and server-side rendering  architecture Utilizes a boolean signal to represent the authentication state of a user and drive #UI updates and route protection Utilizes Angular’s ChangeDetectorRef methods to update the view instantaneously on-demand Streamlines responsiveness by eliminating unused #Bootstrap code Uses the new modular #Firebase Web SDK API surface designed to facilitate tree-shaking Angular, Standalone Components, NG Bootstrap, ECMAScript, Typescript, JSON Server, Google Cloud Firebase, Google Cloud Firestore, (GCP), AngularFire, FileReader API, Dependency Injection, User Authentication, Permission Based Access Control, Angular Signals, Angular ChangeDetectorRef, and Custom Directives.

Stanikmas, Lynn. (2018). Accessible SVG. GitHub. My Alice Blue Accessible SVG. This project is a self-directed study in coding an ADA accessibility-compliant inline SVG. https://github.com/l-stanny/Accessible-SVG

Stanikmas, Lynn. (2024). Reddit-like Angular Study. GitHub. Allows the user to post an article (with a title and a URL) and vote on the posts. Voting uses increment and decrement to dynamically sort articles by number of votes. It has 2 components: 1 to hold the form that submits an article. It binds the submit value in the view to entered text in the inputs using the hash, resolve, syntax then gets the data into the component as objects of the type HTMLInputElement. 1 to hold the default and newly submitted articles using @Hostbinding to bind a class to the host app. It uses a model to isolate the data structures. https://github.com/l-stanny/angular-studies

Stanikmas, Lynn. (2024). Angular Studies | Random Numbers Study. GitHub. Demonstration of Javascript, Typescript, Angular interpolation - one-way data binding -, and the Angular ngModel directive's two-way data binding technique. When the form fields are filled out by the user and the "Generate" button is clicked, the username and a random integer between 1 and 9 are rendered in the DOM. The Angular ngModel directive is used to prefill the editable form fields. https://github.com/l-stanny/angular-studies

Stanikmas, Lynn. (2024). Angular Studies | Advanced Components. GitHub. This self-directed study project showcases several advanced features in using Angular's built-in directives and in Angular + Typescript components development including styling components (with encapsulation), modifying host DOM elements, modifying templates with content projection, and accessing directives. https://github.com/l-stanny/angular-studies-advanced-components