Anna Muzykina Anna-Myzukina

Markdown is awesome!

<!--## HEADINGS (Exercise 2 of 12)

  It's important to categorize information. That's when headings help.

If you need to add a heading, just type a # sign at the beginning of the

MySportsFeeds

MySportsFeeds/node.js/practice

The technologies that will be used to create the application are:

Задание №1. Скачайте и установите Node.js.

// Загрузить Node.js можно с официального сайта разработчика https://nodejs.org

На главной странице доступны две версии загрузки: самая последняя версия и LTS-версия (Long-Term Support)

Рекомендуется устанавливать LTS-версию

	//Exercise 1
	/* write a program.js that outputs the
	string "HELLO ES6" to the console
	*/

	console.log("HELLO ES6");

	//Exercise 1
	/*
	Create a function, makeCounter(someObj), which turns someObj (a plain old
	Javascript Object) into an Iterator. This Iterator should count the positive
	integers starting at 1, through to and including 10
	An Iterator's .next() method must always return an object similar to
	{value: 1, done: false}.
	Once all numbers have been returned, done should be true.
	*/
	module.exports = function makeCounter(someObj) {

	from aiohttp import web


	async def get_mars_photo(request):
	return web.Response(text='A photo of Mars')


	app = web.Application()
	app.router.add_get('/', get_mars_photo, name='mars_photo')

	<!--Add a Submit Button to a Form
	Let's add a submit button to your form. Clicking this button will send the data from your form to the URL you specified with your form's action attribute.

	Here's an example submit button:

	<button type="submit">this button submits the form</button>


	Add a button as the last element of your form element with a type of submit, and "Submit" as its text.-->
	<h2>CatPhotoApp</h2>

	<!--Add a Negative Margin to an Element
	An element's margin controls the amount of space between an element's border and surrounding elements.

	If you set an element's margin to a negative value, the element will grow larger.


	Try to set the margin to a negative value like the one for the red box.

	Change the margin of the blue box to -15px, so it fills the entire horizontal width of the yellow box around it.-->
	<style>

	<!--Add a box-shadow to a Card-like Element
	The box-shadow property applies one or more shadows to an element.

	The box-shadow property takes values for offset-x (how far to push the shadow horizontally from the element), offset-y (how far to push the shadow vertically from the element), blur-radius, spread-radius and a color value, in that order. The blur-radius and spread-radius values are optional.

	Here's an example of the CSS to create multiple shadows with some blur, at mostly-transparent black colors:

	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

	The element now has an id of thumbnail. With this selector, use the example CSS values above to place a box-shadow on the card.-->

	<!--Add a Text Alternative to Images for Visually Impaired Accessibility
	It's likely you've seen an alt attribute on an img tag in other challenges. Alt text describes the content of the image and provides a text-alternative. This helps in case the image fails to load or can't be seen by a user. It's also used by search engines to understand what an image contains to include it in search results. Here's an example:

	<img src="importantLogo.jpeg" alt="Company logo">

	People with visual impairments rely on screen readers to convert web content to an audio interface. They won't get information if it's only presented visually. For images, screen readers can access the alt attribute and read its contents to deliver key information.

	Good alt text is short but descriptive, and meant to briefly convey the meaning of the image. You should always include an alt attribute on your image. Per HTML5 specification, this is now considered mandatory.