Angular - Revision history

Iwiseman: /* What Good looks like */

2021-09-16T20:14:19Z

What Good looks like

← Older revision		Revision as of 20:14, 16 September 2021
Line 1,677:		Line 1,677:
	===What Good looks like===		===What Good looks like===
	Finally when we run the software this is what it looks like when it works		Finally when we run the software this is what it looks like when it works
	<syntaxhighlight highlight="5-7,10-11">		<syntaxhighlight highlight="5-7,21-25">
	iwiseman@OLIVER:~/dev/projects/bibblempng$ npm start		iwiseman@OLIVER:~/dev/projects/bibblempng$ npm start

Iwiseman: /* What Good looks like */

2021-09-16T20:13:02Z

What Good looks like

← Older revision		Revision as of 20:13, 16 September 2021
Line 1,677:		Line 1,677:
	===What Good looks like===		===What Good looks like===
	Finally when we run the software this is what it looks like when it works		Finally when we run the software this is what it looks like when it works
	<syntaxhighlight highlight="5-6">		<syntaxhighlight highlight="5-7,10-11">
	iwiseman@OLIVER:~/dev/projects/bibblempng$ npm start		iwiseman@OLIVER:~/dev/projects/bibblempng$ npm start

Line 1,705:		Line 1,705:

	</syntaxhighlight>		</syntaxhighlight>

	=Apache Setup=		=Apache Setup=
	==Virtual Site ==		==Virtual Site ==

Iwiseman: /* Change Angular config */

2021-09-16T20:11:47Z

Change Angular config

← Older revision		Revision as of 20:11, 16 September 2021
Line 1,665:		Line 1,665:
	===Change Angular config===		===Change Angular config===
	We need to change the '''angular.json''' configuration in the root directory of the project assuming we are using '''ng serve'''.		We need to change the '''angular.json''' configuration in the root directory of the project assuming we are using '''ng serve'''.
	<syntaxhighlight lang="json" highlight="3-5">		<syntaxhighlight lang="json" highlight="4-6">
	"serve": {		"serve": {
	"builder": "@angular-devkit/build-angular:dev-server",		"builder": "@angular-devkit/build-angular:dev-server",
Line 1,674:		Line 1,674:
	...		...
	</syntaxhighlight>		</syntaxhighlight>

	===What Good looks like===		===What Good looks like===
	Finally when we run the software this is what it looks like when it works		Finally when we run the software this is what it looks like when it works

Iwiseman: /* Apache Setup */

2021-09-16T20:11:01Z

Apache Setup

@@ Line 1,627: / Line 1,627: @@
 *Improved build times, enabling AOT on by default
 *Improved Internationalization
 =Apache Setup=
 ==Virtual Site ==

Iwiseman at 11:50, 28 April 2021

2021-04-28T11:50:53Z

@@ Line 1,675: / Line 1,675: @@
      SSLProxyEngine On
      ProxyPass /v1/api/myEndpoint https://site.com/v1/api/myEndpoint
 </syntaxhighlight>

Iwiseman: /* Event delegation */

2020-11-29T02:47:35Z

Event delegation

← Older revision		Revision as of 02:47, 29 November 2020
Line 685:		Line 685:
	Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.		Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.
	<br>		<br>
	A good example is a series of list items as if you want each one to pop up a message when selected, you can set the click event listener on the parent \<ul>, and events will bubble from the list items to the \<ul>.		A good example is a series of list items as if you want each one to pop up a message when selected, you can set the click event listener on the parent <nowiki><ul></nowiki>, and events will bubble from the list items to the <nowiki><ul></nowiki>.

	=HTTP Management=		=HTTP Management=

Iwiseman: /* Event delegation */

2020-11-29T02:45:59Z

Event delegation

← Older revision		Revision as of 02:45, 29 November 2020
Line 685:		Line 685:
	Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.		Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.
	<br>		<br>
	A good example is a series of list items as if you want each one to pop up a message when selected, you can set the click event listener on the parent, and events will bubble from the list items to the \<ul\>.		A good example is a series of list items as if you want each one to pop up a message when selected, you can set the click event listener on the parent \<ul>, and events will bubble from the list items to the \<ul>.

	=HTTP Management=		=HTTP Management=

Iwiseman: /* Event delegation */

2020-11-29T02:45:14Z

Event delegation

← Older revision		Revision as of 02:45, 29 November 2020
Line 685:		Line 685:
	Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.		Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.
	<br>		<br>
	A good example is a series of list items — if you want each one to pop up a message when selected, you can set the click event listener on the parent ~~<ul>~~, and events will bubble from the list items to the <ul>.		A good example is a series of list items as if you want each one to pop up a message when selected, you can set the click event listener on the parent, and events will bubble from the list items to the \<ul\>.

	=HTTP Management=		=HTTP Management=

Iwiseman: /* Bubbling and capturing explained */

2020-11-29T02:43:45Z

Bubbling and capturing explained

← Older revision		Revision as of 02:43, 29 November 2020
Line 682:		Line 682:
	};		};
	</syntaxhighlight>		</syntaxhighlight>
			==Event delegation==
			Bubbling also allows us to take advantage of event delegation — this concept relies on the fact that if you want some code to run when you select any one of a large number of child elements, you can set the event listener on their parent and have events that happen on them bubble up to their parent rather than having to set the event listener on every child individually. Remember, bubbling involves checking the element the event is fired on for an event handler first, then moving up to the element's parent, etc.
			<br>
			A good example is a series of list items — if you want each one to pop up a message when selected, you can set the click event listener on the parent <ul>, and events will bubble from the list items to the <ul>.

	=HTTP Management=		=HTTP Management=

Iwiseman: /* Bubbling and capturing explained */

2020-11-29T02:42:16Z

Bubbling and capturing explained

← Older revision		Revision as of 02:42, 29 November 2020
Line 676:		Line 676:

	We can, therefore, fix our current problem by changing the second handler function in the previous code block to this:		We can, therefore, fix our current problem by changing the second handler function in the previous code block to this:
			<syntaxhighlight lang="ts">
			video.onclick = function(e) {
			e.stopPropagation();
			video.play();
			};
			</syntaxhighlight>

	=HTTP Management=		=HTTP Management=