Http Service will help us fetch external data, post to it, etc. We need to import the http module to make use of the http service. Let us consider an example to understand how to make use of the http service.
Angular is a platform for building applications with templates, dependency injection, and integrated tools. It contains modules, components, directives, routing, and services as building blocks. Modules contain routes, components, directives, and services. Components form part of the DOM tree. Directives attach behavior to DOM elements. Routing enables navigation between views. Services provide business logic and data access. The Angular CLI is used to generate, develop, and maintain Angular applications.
This document discusses data binding in Angular, including the differences between HTML attributes and DOM properties, the three types of data binding (one way and two way), and examples of each type of binding. It explains that one way binding can update properties, classes, styles, attributes and listen to events, but not read values. Two way binding uses the NgModel directive to both display and update a data property when the view changes. The document provides examples of property, event, class, style and attribute binding and how Angular matches bindings to component properties and events.
Angular is an open-source front-end web development platform for building dynamic single-page applications. It was developed and is maintained by Google. Traditional web applications run from the server, requiring the client to request pages from the server on each user interaction. Single-page applications handle requests and rendering on the client-side using JavaScript, only requiring the server when data needs processing or business logic execution. Angular has evolved through several versions since its initial release in 2010. It is now a TypeScript-based framework that supports progressive web apps and mobile development. Major companies like Google, PayPal, and Microsoft use Angular for its component-based architecture, cross-platform capabilities, and productivity benefits.
Components are the most basic UI building block of an Angular app. An Angular app contains a tree of Angular components.
Angular components are a subset of directives, always associated with a template. Unlike other directives, only one component can be instantiated per an element in a template.
A component must belong to an NgModule in order for it to be available to another component or application. To make it a member of an NgModule, list it in the declarations field of the NgModule metadata.
This document provides an overview of Angular's template-driven and model-driven forms. It describes the key directives, classes, and interfaces used for building forms in Angular. It explains how to add validation, track form state, create custom validators, and tie forms to components and templates. The document also demonstrates how to set up two-way data binding between forms and models using directives like ngModel, ngFormControl, and ngForm.
An Open-Source JavaScript Framework
It’s used to build Single Page based Web Application (SPA)
Developed by Google,
Release date March 2017,
Current version 4.4.6 (stable).
Introduction to angular with a simple but complete projectJadson Santos
Angular is a framework for building client applications in HTML, CSS and TypeScript. It provides best practices like modularity, separation of concerns and testability for client-side development. The document discusses creating an Angular project, generating components, binding data, using directives, communicating with backend services, routing between components and building for production. Key steps include generating components, services and modules, binding data, calling REST APIs, defining routes and building the app.
Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript. It is an update to AngularJS with a focus on mobile and typesafety. Major versions include Angular 1.x, 2.x, 4.x and 5.x. Angular uses components, services and modules to build applications with templates and styles. It is compiled to JavaScript using transpilation and supports AOT and JIT compilation. Common tools used with Angular include the Angular CLI, Webpack and Zone.js.
Slides from my latest talk (and videos) about Angular dependency
injection, You can find related videos here: https://www.youtube.com/playlist?list=PLfZsWIHsTcftJl7WlidsXSBAHBXQBR4j2
- Angular modules help organize an application into blocks of related functionality. Modules declare components, directives, pipes and services that belong to that module.
- There are different types of modules like root modules, feature modules, and shared modules. The root module launches the app. Feature modules extend functionality. Shared modules contain reusable constructs.
- Modules can import and export specific constructs to make them available to other modules. Services declared in a module are singletons app-wide unless the module is lazy loaded. Core modules contain global services imported by the root module only.
The document outlines an agenda for a presentation on AngularJS that covers:
1. An introduction to AngularJS and its core features like two-way data binding, templates, and MVC architecture.
2. Explanations and examples of key AngularJS concepts like directives, expressions, forms, services, modules, routing, and scopes.
3. Discussions of AngularJS advantages like fast development and scalability, and disadvantages like complexity.
4. References for further learning and a question/answer session.
This document outlines an AngularJS certification training agenda that covers directives. It defines directives as classes that extend HTML and transform the DOM. There are three types of directives: components, structural directives, and attribute directives. Built-in directives like NgFor and NgIf are covered, which add and remove elements. The document demonstrates how to create a custom attribute directive by using the @Directive decorator and accessing native DOM elements.
The document summarizes Angular directives including ngIf, ngFor, ngSwitchCase, ngClass, and ngStyle. It describes how ngIf and ngFor are structural directives that change the DOM layout by adding and removing elements. NgIf and ngFor use an asterisk syntax that gets desugared into <ng-template> elements. NgFor iterates over collections and supports additional syntax like trackBy. NgSwitch is a set of cooperating directives that displays different elements based on a switch expression. NgClass and ngStyle are attribute directives that update CSS classes and styles on elements.
Angular is a platform and framework for building single-page client applications using HTML and TypeScript. The basic building blocks of Angular include components, modules, directives, decorators, pipes, data binding, templates, and services. Components define views with templates and logic. Modules organize related code. Directives modify DOM elements. Decorators add metadata. Pipes transform data. Data binding syncs data and UI. Templates define views. Services provide reusable functionality.
This document discusses data binding in AngularJS. It explains what data binding is, the difference between one-time and two-way binding, and how data binding works through dirty checking. Data binding connects the UI and business logic by allowing changes in the model to be reflected in the view and vice versa. One-time binding only updates the view once from the controller value, reducing the number of watchers and improving performance compared to two-way binding. The document also provides examples of data binding and takes questions.
- Directives are classes that add additional behavior to elements in Angular applications. There are two types of directives - structural directives that change the DOM layout and attribute directives that change element appearance and behavior.
- Some common built-in structural directives include NgIf, NgFor, and NgSwitch. Common attribute directives include NgStyle and NgClass. Custom directives can also be created.
- Pipes are functions used in templates to accept an input value and return a transformed output value. Built-in pipes like DatePipe and CurrencyPipe format dates and numbers. Custom pipes can be made to transform values in specified ways.
A simple tutorial for understanding the basics of angular JS. Very useful for the beginners. Also useful for the quick revision. Very attractive design for the tutorial of angular js.
Learn web development with the famous Angular framework from scratch in this Angular 6 online training tutorial.
Get the course here : https://www.eduonix.com/angular-4-the-complete-guide?coupon_code=JY10
This document provides an overview of web servers and introduces Microsoft Internet Information Services (IIS) and the Apache web server. It discusses how HTTP transactions work when a client requests a document from a web server using a URL. The document also describes multitier application architecture with different tiers for the client, business logic/presentation logic, and data. It compares client-side scripting, which runs in the browser, versus server-side scripting, which runs on the web server. Finally, it discusses how to access local and remote web servers.
This document provides an overview of web servers and how they work. It discusses how web servers use HTTP to respond to client requests by serving resources like web pages. It introduces the client-server model and how web servers map URLs to files on their network. It also covers multi-tier application architecture with separate tiers for data, business logic, and the user interface. Key concepts explained include HTTP transactions, GET and POST requests, client-side versus server-side scripting, and accessing web servers. Figures and examples are provided to illustrate these topics.
The document discusses RESTful web services and different types of web service architectures. It defines web services as a method of communication between electronic devices over a network. RESTful web services use HTTP methods like GET, POST, PUT, DELETE to convey method information and URIs to specify scoping information. Other architectures may use XML bodies or SOAP headers instead of HTTP methods. Web services can be classified as RESTful, RPC-style, or a REST-RPC hybrid based on how they handle method and scoping information.
Covers topics like RestApi, Authentication, Authorization, Cacheability, Advantage of RestApi over SOAP and some basics regarding Open Data Protocol(OData).
Introduce the Java Enterprise (J2EE) model
Present the Hypertext Markup Language (HTML) tags
Present the Hypertext Transmission Protocol (HTTP)
Define an HTTP client request, server response, and HTTP request methods
The document provides an overview of the Web Client Model and HTTP requests and responses. It discusses:
1) The J2EE model and how servlets and JSPs are used.
2) HTML tags like forms, inputs, and selects that are used to collect data from users.
3) How HTTP is used to transfer data, including the different request methods like GET, POST, PUT, and how requests and responses are structured with a start line, headers, and body.
Web Component Development Using Servlet & JSP Technologies (EE6) - Chapter 4...WebStackAcademy
Setting up a servlet environment
Servlets are Java programs that run on a Web server and build Web pages. Here are a few definitions:
Servlet Development Kits
Java Servlet Development Kit (JSDK) provides Servlet API classes (servlet.jar). Place servlet.jar into CLASSPATH, so that java classes can access it.
Servlet Engines
A servlet is a Java class that needs to be executed in a Java VM by servlet engine. The servlet engine loads the servlet class the first time the servlet is requested. The servlet then stays loaded to handle multiple requests until it is explicitly unloaded or the servlet engine is shut down.
Following are few WebServers that supports servlets:
Apache Tomcat
BEA WebLogic
IBM Websphere
Sun's Java Web Server (JWS)
Apache Tomcat.
Java Servlet Development Kit (JSDK)
The document discusses web servers and their architecture. It begins by defining a web server as specialized software that responds to client requests from web browsers. It then describes the common three-tier architecture of web applications with tiers for the client interface, middle application logic, and database information. The document focuses on how web servers use HTTP to communicate with clients through a request-response protocol and provides examples of GET and POST requests. It also discusses leading web servers like Apache, IIS, and others as well as factors to consider when selecting a web server.
The document discusses various aspects of web technology including:
1. It describes how the internet is organized with clients making requests to servers and responses being sent back over various internet layers using protocols like HTTP and TCP.
2. It explains how URLs work to identify web pages and resources, with domains mapped to IP addresses by the DNS system in a hierarchical structure.
3. It provides an overview of HTML, the publishing language of the web, and common tags used to structure and format text, images, and links on web pages.
Web Technologies Notes - TutorialsDuniya.pdfRaghunathan52
This document provides an overview of web technologies including web servers, HTTP, HTML, URLs and the client-server model. It discusses popular web servers like Apache, IIS and XAMPP. It also explains the basic working of the internet using the client-server model, the world wide web, HTML, URLs, HTTP requests and responses. Key concepts around web browsers, servers, HTTP methods and status codes are defined.
Web Technologies Notes - TutorialsDuniya.pdfRaghunathan52
This document provides an overview of web technologies including the client-server model, web browsers, web servers, HTTP requests and responses, HTML, URLs, and the basic workings of the World Wide Web. It explains key concepts like how web browsers act as clients that make requests to web servers, which then return responses. It also covers the different components involved and standards like HTTP, HTML, and URLs that enable the functioning of the web.
The document provides an introduction to basic web architecture, including HTML, URIs, HTTP, cookies, database-driven websites, AJAX, web services, XML, and JSON. It discusses how the web is a two-tiered architecture with a web browser displaying information from a web server. Key components like HTTP requests and responses are outlined. Extension of web architecture with server-side processing using languages like PHP and client-side processing with JavaScript are also summarized.
This document provides an overview of ASP.NET MVC 4 Web API. It discusses what an API is and why Web API is used. It covers key concepts like HTTP, REST, JSON. It describes features of Web API like routing, error handling, model validation, OData support, media formatters, and security. It also discusses using the HttpClient class and future plans.
A quick overview on REST : what it is and what it is not. REST has strict contraints and many internet Apis are not so REST. It’s also very popular today because RESTfull services can be consumed easily by any client or device. Soap is also still valid in a few circomstaces. It has never been so easy to create Rest-like services in .net since asp.net Web Api.
Advanced Web Design And Development BIT 3207Lori Head
This document provides an overview of the key concepts for the Advanced Web Design and Development course (BIT 3207). It lists recommended books and motivation for learning web design. It then covers network fundamentals including IP, IP addressing, transport layer protocols, TCP connections, HTTP protocol, URLs, status codes and methods. It also discusses client-side components like browsers, HTML, HTML5, XML and JavaScript. On the server-side it covers servers, web servers, CGI, JSP, ASP/PHP and databases. It concludes with an explanation of 3-tier architecture and the layers of presentation, application and data.
A review of the new features in SharePoint 2013.
For more information:
www.adventos.com
Twitter: @AdventosSolves -- https://twitter.com/adventossolves
Facebook: @AdventosLLC -- https://www.facebook.com/AdventosLlc
The document provides guidelines and best practices for designing RESTful APIs, including:
- Using JSON over XML and making the API stateless and secure.
- Following conventions for HTTP verbs and status codes.
- Keeping data structures consistent and handling data with modern frameworks.
- Providing comprehensive documentation for data types, methods, and samples.
The document discusses RESTful web services and compares them to SOAP-based web services. It defines RESTful web services and outlines their key characteristics, including using standard HTTP methods to perform operations on resources identified by URIs. The document provides examples of building RESTful web services with JAX-RS and discusses arguments for using RESTful approaches over SOAP-based services, noting REST's simplicity, flexibility and performance advantages.
An introduction to REST and RESTful web services.
You can take the course below to learn about REST & RESTful web services.
https://www.udemy.com/building-php-restful-web-services/
Basics of API Design and development. After the presentation, we developed a python flask-based app that you use to remind yourself anything via an api https://github.com/oquidave/reminderme
Similar to Angular - Chapter 7 - HTTP Services (20)
Webstack Academy - Course Demo Webinar and Placement JourneyWebStackAcademy
At WebStack Academy, we understand the importance of providing valuable insights to aspiring professionals like yourself. That's why we host monthly webinars tailored to address the needs of ambitious individuals. Led by our esteemed experts - Mr. Jayakumar (Director, WebStack Academy) and Mr. Mubeen (Technology Head, WebStack Academy), the presentation will offer a firsthand understanding of industry trends, career pathways, and how our Full Stack course can be the catalyst to realizing your career aspirations.
WSA: Scaling Web Service to Handle Millions of Requests per SecondWebStackAcademy
In this presentation of Venkata Ramana Gollamudi, Principal Architect at Flipkart, as our esteemed speaker. With his expertise and experience, he'll guide us through the intricate process of “Scaling web service to handle millions of requests per second”.
Key Takeaways:
Understanding the specific challenges of scaling for Indian users
Strategies to ensure service availability, reduce latency, and maintain reliability
Leveraging tools like ELBs, K8s, message queues, and NoSQL databases effectively
Don't miss this unparalleled opportunity to gain invaluable insights and elevate your expertise in scaling web services to new heights.
We eagerly await your participation in this transformative webinar. Let's embark on the journey to mastering scalability together!
WSA: Course Demo Webinar - Full Stack Developer CourseWebStackAcademy
At WebStack Academy, we understand the importance of providing valuable insights to aspiring professionals like yourself. We host monthly webinars tailored to address the needs of ambitious individuals. Led by our esteemed experts - Mr. Jayakumar (Director, WebStack Academy) and Mr. Mubeen (Technology Head, WebStack Academy), these webinars presentation deck offer a firsthand understanding of industry trends, career pathways, and how our Full Stack course can be the catalyst to realizing your career aspirations.
Career Building in AI - Technologies, Trends and OpportunitiesWebStackAcademy
We from WSA always believe in sharing the right information and enabling you to make decisions for your long term career.
In this regard, Masterclass Webinar on "Career Building in AI - Technologies, Trends and Opportunities” by Renganathan Sekar - Product Manager, Artificial Intelligence - Samsung Research Institute.
Key takeaways from this slide deck:
*Gain a comprehensive overview of AI and its wide range of applications.
*Explore real-world use cases that exemplify the incredible potential of AI.
*Delve into the core technologies driving AI innovation.
*Stay ahead of recent trends in AI, including the intriguing concept of Gen AI.
*Uncover a wealth of opportunities in the AI landscape.
*Learn effective strategies to up skill and advance your career in the AI industry.
WSA Free online Internship for Web Development is an Online real-time experience for Engineering students. It will take you through a journey of skill building and project building experience. You will understand the various product development phases and skills required to work on any Web Application product in Industry.
A guide designed to help you master the art of web development. The roadmap provides a comprehensive step-by-step guide to learn foundational web technologies like HTML, CSS, & JavaScript, advanced frameworks, and concepts required for modern web development. It aims to equip aspiring developers with the necessary resources and tools to excel in the ever-evolving world of web development. 💡
Angular - Chapter 9 - Authentication and AuthorizationWebStackAcademy
This document provides an introduction to authentication and authorization in Angular applications. It discusses authentication as validating users through credentials like username and password, while authorization controls user access permissions. JSON web tokens (JWTs) are then introduced as a way to securely transmit information to authenticate users between the client and server. The structure and usage of JWTs is explained, including how the header, payload, and signature parts work with base64 encoding and HMAC algorithms. Finally, local storage methods for storing user data in the browser are reviewed.
AngularFire is the officially supported AngularJS binding for Firebase. ... The focus of this library is to abstract much of the boilerplate involved in creating Angular bindings from Firebase to Angular, and to make it easy to create services that sync to your database.
TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript is pure object oriented with classes, interfaces and statically typed like C# or Java. The popular JavaScript framework Angular 2.0 is written in TypeScript. Mastering TypeScript can help programmers to write object-oriented programs and have them compiled to JavaScript, both on server side and client side.
JavaScript String:
The String object lets you work with a series of characters; it wraps Javascript's string primitive data type with a number of helper methods.
As JavaScript automatically converts between string primitives and String objects, you can call any of the helper methods of the String object on a string primitive.
JavaScript Arrays:
The Array object lets you store multiple values in a single variable. It stores a fixed-size sequential collection of elements of the same type. An array is used to store a collection of data, but it is often more useful to think of an array as a collection of variables of the same type.
Debugging in JavaScript
It is common to have errors while writing codes and the errors can be due to syntax or logical. These errors create a lot of ambiguity in the logic and understanding of both users and programmers. There can also be errors in the code which can remain invisible to the programmer’s eye and can create havoc. To identify these errors we need Debuggers that can go through the entire code or program, identify the errors and also fix them.
-Debugger
The debugger keyword is used in the code to force stop the execution of the code at a breaking point and calls the debugging function. The debugger function is executed if any debugging is needed at all else no action is performed.
Form validation normally used to occur at the server, after the client had entered all the necessary data and then pressed the Submit button. If the data entered by a client was incorrect or was simply missing, the server would have to send all the data back to the client and request that the form be resubmitted with correct information. This was really a lengthy process which used to put a lot of burden on the server.
JavaScript provides a way to validate form's data on the client's computer before sending it to the web server. Form validation generally performs two functions.
Basic Validation − First of all, the form must be checked to make sure all the mandatory fields are filled in. It would require just a loop through each field in the form and check for data.
Data Format Validation − Secondly, the data that is entered must be checked for correct form and value. Your code must include appropriate logic to test correctness of data.
The Browser Object Model (BOM) in JavaScript includes the properties and methods for JavaScript to interact with the web browser.
BOM provides you with window object, for example, to show the width and height of the window. It also includes the window.screen object to show the width and height of the screen.
What is the DOM?
The DOM is a W3C (World Wide Web Consortium) standard.
The DOM defines a standard for accessing documents:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
The W3C DOM standard is separated into 3 different parts:
Core DOM - standard model for all document types
XML DOM - standard model for XML documents
HTML DOM - standard model for HTML documents
The HTML DOM (Document Object Model)
When a web page is loaded, the browser creates a Document Object Model of the page.
The HTML DOM model is constructed as a tree of Objects.
With the HTML DOM, JavaScript can access and change all the elements of an HTML document.
This document discusses JavaScript events. It defines an event as an action a script can respond to, such as clicks or keystrokes. Event handlers are functions assigned to events that run when the event occurs. Events follow a cycle of capturing, targeting, and bubbling. Common event types include mouse, keyboard, loading, selection, and other events. The document provides examples of using event handlers with buttons, images, and adding/removing event listeners.
JavaScript - Chapter 9 - TypeConversion and Regular Expressions WebStackAcademy
This document provides an overview of type conversion and regular expressions in JavaScript. It discusses how JavaScript variables can be converted between different data types either automatically or using functions. It covers converting between numbers, strings, booleans, and dates. It also provides an introduction to regular expressions including patterns, modifiers, and examples of using regular expression methods like exec(), test(), search(), split(), and replace() on strings. The document includes exercises for readers to practice these concepts.
In JavaScript, almost "everything" is an object.
-Booleans can be objects (if defined with the new keyword)
-Numbers can be objects (if defined with the new keyword)
-Strings can be objects (if defined with the new keyword)
-Dates are always objects
-Maths are always objects
-Regular expressions are always objects
-Arrays are always objects
-Functions are always objects
-Objects are always objects
Generally speaking, a function is a "subprogram" that can be called by code external (or internal in the case of recursion) to the function. Like the program itself, a function is composed of a sequence of statements called the function body. Values can be passed to a function, and the function will return a value.
In JavaScript, functions are first-class objects, because they can have properties and methods just like any other object. What distinguishes them from other objects is that functions can be called. In brief, they are Function objects.
A JavaScript function is a block of code designed to perform a particular task.
Why Functions?
You can reuse code: Define the code once, and use it many times. You can use the same code many times with different arguments, to produce different results.
this resume for sadika shaikh bca studentSadikaShaikh7
I am a dedicated BCA student with a strong foundation in web technologies, including PHP and MySQL. I have hands-on experience in Java and Python, and a solid understanding of data structures. My technical skills are complemented by my ability to learn quickly and adapt to new challenges in the ever-evolving field of computer science.
MYIR Product Brochure - A Global Provider of Embedded SOMs & SolutionsLinda Zhang
This brochure gives introduction of MYIR Electronics company and MYIR's products and services.
MYIR Electronics Limited (MYIR for short), established in 2011, is a global provider of embedded System-On-Modules (SOMs) and
comprehensive solutions based on various architectures such as ARM, FPGA, RISC-V, and AI. We cater to customers' needs for large-scale production, offering customized design, industry-specific application solutions, and one-stop OEM services.
MYIR, recognized as a national high-tech enterprise, is also listed among the "Specialized
and Special new" Enterprises in Shenzhen, China. Our core belief is that "Our success stems from our customers' success" and embraces the philosophy
of "Make Your Idea Real, then My Idea Realizing!"
What's Next Web Development Trends to Watch.pdfSeasiaInfotech2
Explore the latest advancements and upcoming innovations in web development with our guide to the trends shaping the future of digital experiences. Read our article today for more information.
The Rise of Supernetwork Data Intensive ComputingLarry Smarr
Invited Remote Lecture to SC21
The International Conference for High Performance Computing, Networking, Storage, and Analysis
St. Louis, Missouri
November 18, 2021
Transcript: Details of description part II: Describing images in practice - T...BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
Data Protection in a Connected World: Sovereignty and Cyber Securityanupriti
Delve into the critical intersection of data sovereignty and cyber security in this presentation. Explore unconventional cyber threat vectors and strategies to safeguard data integrity and sovereignty in an increasingly interconnected world. Gain insights into emerging threats and proactive defense measures essential for modern digital ecosystems.
Are you interested in learning about creating an attractive website? Here it is! Take part in the challenge that will broaden your knowledge about creating cool websites! Don't miss this opportunity, only in "Redesign Challenge"!
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
Performance Budgets for the Real World by Tammy EvertsScyllaDB
Performance budgets have been around for more than ten years. Over those years, we’ve learned a lot about what works, what doesn’t, and what we need to improve. In this session, Tammy revisits old assumptions about performance budgets and offers some new best practices. Topics include:
• Understanding performance budgets vs. performance goals
• Aligning budgets with user experience
• Pros and cons of Core Web Vitals
• How to stay on top of your budgets to fight regressions
How Netflix Builds High Performance Applications at Global ScaleScyllaDB
We all want to build applications that are blazingly fast. We also want to scale them to users all over the world. Can the two happen together? Can users in the slowest of environments also get a fast experience? Learn how we do this at Netflix: how we understand every user's needs and preferences and build high performance applications that work for every user, every time.
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data.
The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs.
Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution!
Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.
An invited talk given by Mark Billinghurst on Research Directions for Cross Reality Interfaces. This was given on July 2nd 2024 as part of the 2024 Summer School on Cross Reality in Hagenberg, Austria (July 1st - 7th)
3. www.webstackacademy.com
Introduction to HTTP
• Hyper Text Transfer Protocol (HTTP) is the client-server network protocol that has been in use by
the World Wide Web (WWW) since 1990.
• HTTP protocol is defined in RFC 7230 as per IETF standardization
• It is one of the application layer protocols in the TCP/IP suite of protocols.
• Whenever you are browsing the web, your browser will be sending HTTP request messages for various
Resources (HTML pages, images etc..) and fetch them from the server
4. www.webstackacademy.com
Introduction to HTTP
• Web servers handle these requests as a HTTP server by returning response messages that contain the
requested resource. The client "pulls" the data from the server rather than the server "push"
• HTTP is a Stateless protocol. This means the current request does not know what has been done in the
previous requests.
• HTTP permits negotiating of data type and representation, so as to allow systems to be built independently
of the data being transferred.
• In summary we can say HTTP is a application-level protocol for distributed, collaborative, hypermedia
information systems.
5. www.webstackacademy.com
HTTP methods
HTTP supports a set of methods, out of which four are very important and frequently used.
Method Description
GET The GET method is used to retrieve information from the given server using a given URI.
DELETE Removes all current representations of the target resource given by a URI
PUT Replaces all current representations of the target resource with the uploaded content
POST A POST request is sent by the client to the server with all the data collected in the client end
6. www.webstackacademy.com
HTTP response code
Upon receiving HTTP request, the server provides appropriate responses. They are categorized as follows:
Code Category Description
1XX Informational Request received, server is continuing the process.
2XX Success The request was successfully received, understood, accepted and
serviced.
3XX Redirection Further action must be taken in order to complete the request.
4XX Client Error The request contains bad syntax or cannot be understood.
5XX Server Error The server failed to fulfil an apparently valid request.
7. www.webstackacademy.com
HTTP response code - Examples
Code Category Description
100 Continue The server received the request and in the process of giving the response.
200 OK The request is fulfilled.
301 Resource moved The client should issue a new request to the new location.
400 Bad Request Server could not interpret or understand the request, probably syntax error in the request
message.
401 Authentication
Required
The requested resource is protected, and require client’s credential (username/password).
403 Forbidden Server refuses to supply the resource, regardless of identity of client.
404 Not Found The requested resource cannot be found in the server.
500 Internal Server
Error
Server is confused, often caused by an error in the server-side program responding to the
request.
501 Method Not
Implemented
The request method used is invalid
9. www.webstackacademy.com
REST Interfaces
• REST stands for REpresentational State
Transfer.
• REST is a web standards based architecture
and that uses HTTP as the underlying
protocol for communication.
• It has a notion of "resource" where
everything revolves around that. The
resource is accessed by a common
interface using HTTP standard methods.
• REST was first introduced by Roy Fielding in
year 2000.
10. www.webstackacademy.com
RESTful Web Services
• A web service is a collection of open protocols and standards used for exchanging data between
applications over the internet.
• Web services based on REST Architecture are known as RESTful Web Services. These web
services use HTTP methods to implement the concept of REST architecture.
• Since HTTP offers two way communication methods, RESTful web service added a layer on top
of it to implement meaningful web services using URI.
11. www.webstackacademy.com
Characteristics of REST
• Three characteristics of REST:
Stateless: Client data is not stored on the server between interactions and the session is
stored client-side (typically in session storage).
Client <-> Server: There is a “separation of concerns” between the frontend (client) and the
backend (server). They operate independently of each other and both are replaceable.
Cache: Data from the server can be cached on the client, which can improve performance
speed.
• In addition to these three fundamental features of REST, there is also a uniform approach to the
composition of URLs. This allows for a standardization of service, which prior to the introduction
of REST, did not exist.
12. www.webstackacademy.com
Characteristics of REST
• For example, a GET request to /courses, should yield all the courses in the database, whereas
a GET request to /courses/20 would render the course with ID of 20.
• Similarly, REST utilizes standard methods like GET, PUT, DELETE and POST to perform actions.
• Today every major web service provider expose RESTful interfaces (called as REST APIs) using
which client applications can enable client application developers develop application with ease
13. www.webstackacademy.com
A Brief about JSON
• JSON: JavaScript Object Notation.
• It is a lightweight data-interchange format, easy for humans to read and write.
• All programming languages support them, easy to parse and interpret
• One of the common standards used in data exchange for client-server communication.
Servers as an alternative option for other data representations (ex: XML)
• Data is represented as name-value pairs and array data types.
16. www.webstackacademy.com
Make the Angular and related import paths
import { HttpModule } from '@angular/http';
@NgModule({
declarations: [
AppComponent,
HttpComponent,
],
imports: [
BrowserModule,
HttpModule // Import HTTP module here
],
providers: [
EndPointServiceService
],
})
1. Import HTTP into app.module.ts
17. www.webstackacademy.com
2. Accessing HTTP
Access your HTTP service via constructor and access methods
myPosts: any[];
private myURL = 'http://jsonplaceholder.typicode.com/posts';
constructor(private myHttp: Http) {
// By default populate all posts....
myHttp.get(this.myURL).subscribe(response => {
console.log(response.json());
this.myPosts = response.json();
});
}
18. www.webstackacademy.com
HTTP methods in Angular
Here are the HTTP method details in Angular
Method Definition
GET get(url: string, options?: RequestOptionsArgs):
Observable<Response>
DELETE delete(url: string, options?: RequestOptionsArgs):
Observable<Response>
PUT put(url: string, body: any, options?: RequestOptionsArgs):
Observable<Response>
POST post(url: string, body: any, options?: RequestOptionsArgs):
Observable<Response>
• NOTE: All functions return Observarable, you need to subscribe to get actual return values / error codes
• Response type has got multiple fields, which can be obtained from Angular official documentation
(https://angular.io/api/http/Response)
20. www.webstackacademy.com
Separation of Concern (SoC) - Concept
• In computer science, separation of concerns (SoC) is a
design principle for separating a computer program into
distinct sections, such that each section addresses a
separate concern.
• A concern is a set of information that affects the code of
a computer program (Functionality).
• It is always a good practise to implement SoC well in
your program, so that is becomes modular.
• By making it modular we get other benefits in terms of
re-usability, maintainability and simplifies development
process.
21. www.webstackacademy.com
Separation of Concern (SoC) - Implementation
• Practically it is achieved by encapsulating information
inside a section of code that has a well-defined
interface.
• The section of code which is interested, will invoke this
interface and obtain required information
• This is also called as data encapsulation is a means of
information hiding. The calling section will not know the
detail orientation but only concerned about its objective
• Typically these interfaces are methods / APIs and
implemented via various OOP mechanisms – Classes,
Constructors etc..
• In Angular also we have used these concepts already!
23. www.webstackacademy.com
Separation of Concern (SoC) in Angular
• In Angular, we have seen separation of concern happening at component level as follows:
Template - HTML file
Style - CSS file
Business Logic - TS file
• The main goal of the component is to deal with business logic related to view (Template + Style)
• When it comes to dealing with HTTP services (ex: Fetching course list from Firebase) it should
NOT be done as a part of component to adhere to SoC
• The idea is to implement a service and access them via a method. This way you are “delegating"
the action to a service. In this process you also achieve benefits of SoC.
24. www.webstackacademy.com
Separation of Concern (SoC) in Angular - Problem
export class HttpComponent implements OnInit {
myPosts: any[];
private myURL = 'http://jsonplaceholder.typicode.com/posts';
// Method for creating a new post
createNewPost(userTitle: HTMLInputElement) {
let newPost = { title: userTitle.value };
this.myHttp.post(this.myURL,JSON.stringify(newPost)).subscribe(
response => {
console.log(response.json());
this.myPosts.splice(0,0,newPost);
});
}
27. www.webstackacademy.com
HTTP Errors
• During the HTTP communication there could be many errors that could be happening
• The application should capture errors and handle them appropriately
HTTP Errors
Unexpected Errors Expected Errors
• Offline Server
• N/W down
• API Error
• …….
• Not found (404)
• Bad request (400)
• Auth Failure (401)
• …….
30. www.webstackacademy.com
Building re-usable services
• In HTTP based services, the common operations remain the same
• In such cases each service may not want to implement the same methods. In order to achieve
that services can be made re-usable using inheritance
Step-1: Create a new TS file (ex: generic.service.ts) and import all HTTP methods into it
export class GenericService {
constructor(myURL: string, myHttp : Http) {
}
getPosts() { … }
createPost(userPost) { … }
updatePost(userPost) { … }
deletePost(userPost) { … }
}
}
31. www.webstackacademy.com
Building re-usable services
Step-2: From the service’s main class, inherit this class. Also use constructor of the parent to
pass parameters and initialization.
export class EndPointServiceService extends GenericService {
}
super(myURL, myHttp);
32. www.webstackacademy.com
Exercise
• Create a GITHub followers page by accessing REST API provided by the GIT
• Example URL: https://api.github.com/users/devendradora/followers
33. www.webstackacademy.com
Exercise
• Ensure you apply following learnings:
New component to handle the main business logic
New re-usable service interacting with REST API
HTTP error handling
Directives for rendering all followers
CSS changes to display the follower names in a user friendly way
Display the following attributes:
Avatar (Profile picture)
GIT profile URL
Login name