Description

iliakan

opened on May 16, 2021

Issue body actions

Maintainer List

@niemenjoki

For New Translators

Please read this first (click to open)

To translate an article:

1. Check that no one else has claimed your article in the checklist below.
2. Comment below with the title of the article that you would like to translate, exactly as listed, e.g. An Introduction to JavaScript.
   • Please take only one article at a time.
3. Fork this repo, translate the article in your fork and submit a pull request!
   • The pull request title should be same as the article, e.g. An Introduction to JavaScript (just like comment)

Please be prompt with your translations! If you find that you can't commit any more, let maintainers know so they can assign the page to someone else.

For Maintainers

Click to open

We recommend that a translation has 2 reviews to be merged.

Please let others know what you do, on community boards and chats, invite them to join. Translations become better if more people see them.

Translations are tracked below, like this:

• Home Page (@iliakan) Finnish Translation Progress #1

Our helpful bot watches comments and adds the translator nick and PR id, marks completed, when PR is merged. You can read the details at https://javascript.info/translate/bot.

If something doesn't work right, please contact @iliakan.

Team translation

More details about team translation: https://javascript.info/translate/bot.

Only maintainers can check/uncheck items below. If you're not, please write in a comment what you take to translate, the title, exactly as in the list.

The JavaScript language

An introduction

• An Introduction to JavaScript (@niemenjoki) An Introduction to JavaScript #2
• Manuals and specifications (@niemenjoki) An Introduction to JavaScript #2
• Code editors (@niemenjoki) Code editors #3
• Developer console (@niemenjoki) Developer console #4

JavaScript Fundamentals

• Hello, world! (@niemenjoki) Hello, world! #5
• Code structure (@niemenjoki) Code structure #6
• The modern mode, "use strict" (@niemenjoki) The modern mode, "use strict" #8
• Variables (@niemenjoki) Variables #20
• Data types (@niemenjoki) Data types #205
• Interaction: alert, prompt, confirm (@niemenjoki)
• Type Conversions
• Basic operators, maths
• Comparisons
• Conditional branching: if, '?'
• Logical operators
• Nullish coalescing operator '??'
• Loops: while and for
• The "switch" statement
• Functions
• Function expressions
• Arrow functions, the basics
• JavaScript specials

Code quality

• Debugging in the browser
• Coding Style
• Comments
• Ninja code
• Automated testing with Mocha
• Polyfills and transpilers

Objects: the basics

• Objects
• Object references and copying
• Garbage collection
• Object methods, "this"
• Constructor, operator "new"
• Optional chaining '?.'
• Symbol type
• Object to primitive conversion

Data types

• Methods of primitives
• Numbers
• Strings
• Arrays
• Array methods
• Iterables
• Map and Set
• WeakMap and WeakSet
• Object.keys, values, entries
• Destructuring assignment
• Date and time
• JSON methods, toJSON

Advanced working with functions

• Recursion and stack
• Rest parameters and spread syntax
• Variable scope, closure
• The old "var"
• Global object
• Function object, NFE
• The "new Function" syntax
• Scheduling: setTimeout and setInterval
• Decorators and forwarding, call/apply
• Function binding
• Arrow functions revisited

Object properties configuration

• Property flags and descriptors
• Property getters and setters

Prototypes, inheritance

• Prototypal inheritance
• F.prototype
• Native prototypes
• Prototype methods, objects without proto

Classes

• Class basic syntax
• Class inheritance
• Static properties and methods
• Private and protected properties and methods
• Extending built-in classes
• Class checking: "instanceof"
• Mixins

Error handling

• Error handling, "try...catch"
• Custom errors, extending Error

Promises, async/await

• Introduction: callbacks
• Promise
• Promises chaining
• Error handling with promises
• Promise API
• Promisification
• Microtasks
• Async/await

Generators, advanced iteration

• Generators
• Async iteration and generators

Modules

• Modules, introduction
• Export and Import
• Dynamic imports

Miscellaneous

• Proxy and Reflect
• Eval: run a code string
• Currying
• Reference Type
• BigInt

Browser: Document, Events, Interfaces

Document

• Browser environment, specs
• DOM tree
• Walking the DOM
• Searching: getElement*, querySelector*
• Node properties: type, tag and contents
• Attributes and properties
• Modifying the document
• Styles and classes
• Element size and scrolling
• Window sizes and scrolling
• Coordinates

Introduction to Events

• Introduction to browser events
• Bubbling and capturing
• Event delegation
• Browser default actions
• Dispatching custom events

UI Events

• Mouse events
• Moving the mouse: mouseover/out, mouseenter/leave
• Drag'n'Drop with mouse events
• Pointer events
• Keyboard: keydown and keyup
• Scrolling

Forms, controls

• Form properties and methods
• Focusing: focus/blur
• Events: change, input, cut, copy, paste
• Forms: event and method submit

Document and resource loading

• Page: DOMContentLoaded, load, beforeunload, unload
• Scripts: async, defer
• Resource loading: onload and onerror

Miscellaneous

• Mutation observer
• Selection and Range
• Event loop: microtasks and macrotasks

Frames and windows

• Popups and window methods
• Cross-window communication
• The clickjacking attack

Binary data, files

• ArrayBuffer, binary arrays
• TextDecoder and TextEncoder
• Blob
• File and FileReader

Network requests

• Fetch
• FormData
• Fetch: Download progress
• Fetch: Abort
• Fetch: Cross-Origin Requests
• Fetch API
• URL objects
• XMLHttpRequest
• Resumable file upload
• Long polling
• WebSocket
• Server Sent Events

Storing data in the browser

• Cookies, document.cookie
• LocalStorage, sessionStorage
• IndexedDB

Animation

• Bezier curve
• CSS-animations
• JavaScript animations

Web components

• From the orbital height
• Custom elements
• Shadow DOM
• Template element
• Shadow DOM slots, composition
• Shadow DOM styling
• Shadow DOM and events

Regular expressions

• Patterns and flags
• Character classes
• Unicode: flag "u" and class \p{...}
• Anchors: string start ^ and end $
• Multiline mode of anchors ^ $, flag "m"
• Word boundary: \b
• Escaping, special characters
• Sets and ranges [...]
• Quantifiers +, *, ? and {n}
• Greedy and lazy quantifiers
• Capturing groups
• Backreferences in pattern: \N and \k<name>
• Alternation (OR) |
• Lookahead and lookbehind
• Catastrophic backtracking
• Sticky flag "y", searching at position
• Methods of RegExp and String

Activity

1. iliakan

   pinned this issue on May 16, 2021
2. niemenjoki commented on May 17, 2021

   

   niemenjoki

   on May 17, 2021

   Contributor

   More actions

   An Introduction to JavaScript

   Reacted by JavaScript Translate Bot
3. niemenjoki commented on May 18, 2021

   

   niemenjoki

   on May 18, 2021

   Contributor

   More actions

   @iliakan Regarding "terms with meaning", should I follow the instructions literally even if the term is already in parenthesis? Writing ("local storage" ("paikallinen varasto")) feels wrong to me and I'd prefer ("local storage", suom. "paikallinen varasto").

   "suom." is short for "suomeksi", meaning "in Finnish"
4. iliakan commented on May 18, 2021

   

   iliakan

   on May 18, 2021

   MemberAuthor

   More actions

   The ultimate purpose is to make the text concise, correct and easy to understand. Just follow this lead =)

   P.S. Also, this issue is for tracking progress, please create other issues if needed (you can do that ;) )
5. niemenjoki commented on May 19, 2021

   

   niemenjoki

   on May 19, 2021

   Contributor

   More actions

   Manuals and specifications

   Reacted by JavaScript Translate Bot
6. niemenjoki commented on May 20, 2021

   

   niemenjoki

   on May 20, 2021

   Contributor

   More actions

   Code editors

   Reacted by JavaScript Translate Bot
7. niemenjoki commented on May 20, 2021

   

   niemenjoki

   on May 20, 2021

   Contributor

   More actions

   Developer console

   Reacted by JavaScript Translate Bot
8. niemenjoki commented on May 21, 2021

   

   niemenjoki

   on May 21, 2021

   Contributor

   More actions

   Hello, world!

   Reacted by JavaScript Translate Bot
9. niemenjoki commented on May 23, 2021

   

   niemenjoki

   on May 23, 2021

   Contributor

   More actions

   Code structure

   Reacted by JavaScript Translate Bot
10. niemenjoki commented on May 23, 2021

    

    niemenjoki

    on May 23, 2021

    Contributor

    More actions

    The modern mode, "use strict"

    Reacted by JavaScript Translate Bot
11. niemenjoki commented on May 24, 2021

    

    niemenjoki

    on May 24, 2021

    Contributor

    More actions

    Variables

    Reacted by JavaScript Translate Bot
12. niemenjoki

    self-assigned this

    on Sep 24, 2021
13. niemenjoki commented on Sep 28, 2021

    

    niemenjoki

    on Sep 28, 2021

    Contributor

    More actions

    Data types

    Reacted by JavaScript Translate Bot
14. javascript-translate-bot commented on Sep 28, 2021

    

    javascript-translate-bot

    on Sep 28, 2021

    More actions

    Error: the article already has meta information in the Progress Issue "(@jnsjknn)" ⁉️
15. minna-xD commented on Sep 30, 2021

    

    minna-xD

    on Sep 30, 2021

    Contributor

    More actions

    I'd love to contribute to this project but I wonder: is the idea to take the articles in order or would it be possible to "pick and choose"? I'm somewhat JS newbie so I'm not confident about the correct Finnish lingo but I looove regular expressions so I might be up for contributing in that chapter.
    (I could of course help with the reviewing instead.)
16. www-learn-en

    added a commit that references this issue on Nov 1, 2021

    Merge pull request #1 from zaibugemi/zaibugemi-patch-1

    6250c91
17. niemenjoki commented on Apr 19, 2022

    

    niemenjoki

    on Apr 19, 2022

    Contributor

    More actions

    Hi @minna-xD, feel free to pick and choose any article you like.

    Let me know if you need any help with the technical aspects of the translation process.

Issue actions