Rinat Valiullov 4ront

Простые задачи на яваскрипт

Пропустить теорию и перейти прямо к задачам

Ссылка на учебник: http://learn.javascript.ru

Сразу расскажу про несколько особенностей яваскрипта, о которых может быть не написано (или мало написано) в учебниках, но которые стоит понимать:

Версии яваскрипта

While attempting to explain JavaScript's reduce method on arrays, conceptually, I came up with the following - hopefully it's helpful; happy to tweak it if anyone has suggestions.

Intro

JavaScript Arrays have lots of built in methods on their prototype. Some of them mutate - ie, they change the underlying array in-place. Luckily, most of them do not - they instead return an entirely distinct array. Since arrays are conceptually a contiguous list of items, it helps code clarity and maintainability a lot to be able to operate on them in a "functional" way. (I'll also insist on referring to an array as a "list" - although in some languages, List is a native data type, in JS and this post, I'm referring to the concept. Everywhere I use the word "list" you can assume I'm talking about a JS Array) This means, to perform a single operation on the list as a whole ("atomically"), and to return a new list - thus making it much simpler to think about both the old list and the new one, what they contain, and

JS basics

You Don't Know JS (book series)

[javascript.ru] (https://learn.javascript.ru/intro)

ES6

You Don't Know JS: ES6 & Beyond

	- цель (повышение узнаваемости бренда / расширение аудитории и тд)
	- задачи (привлечение посетителей, клиентов / продажа / сбор регистрационных данных / информирование и тд)
	- целевая аудитория (пол, возраст, география, предпочтения, сфера деятельности и тп)
	- общее описание сайта, схематичная структура
	- смысловые блоки
	- шрифты, цветовая гамма, формы и нюансы графического решения (с утверждением первичного макета)
	- тексты, их стилистика и объём (исходя из целей)
	- изображения, инфографика
	- поддержка браузеров (исходя из целевой аудитории)
	- seo

	<!DOCTYPE html>
	<html lang="ru">
	<head>
	<meta charset="UTF-8">
	<title>Example</title>
	</head>
	<body>

	</body>
	</html>

	var s = [1,2,3];
	s.reverse;