• Create a test based on a List of (Advanced) JavaScript Questions
• Add link to test and instructions to report result to JS Basics task

Implementation approach suggestions:

• Test will not show correct answer
• Based on wrong answer option or for any wrong answer the test will suggest a material to study before student re-tries the test

See also:

• typeofnan

As student I try to go by link Как учиться и справляться с негативными мыслями in "Git and GitHub Intro" section but received error 404

A remote (online) phase task requires evidence(s). Each task must specify evidences to add to student's course repo that are (a) screenshot of video course (e.g. Udacity) completion, and/or (b) screenshot of online tasks (e.g. codewars) completion, and/or (c) link to a task code base repo (e.g. Memory Pair game, OOP exercise, Friends app).

Instruction also should say what student has to report to students chat.

Tasks descriptions need to be revised and conform to the above.

1. Implement polyfill for Promise.all, Promise.race, Promise.cancel и Promise.takeAll
2. Extend Promise constructor with .takeAll and .chain methods
3. Animations with requestAnimationFrame

I'm currently reading Kyle Simpson's Async & Performance (from YDKJS series) and it really highlights the many gaps I previously had (and still have) in understanding the asynchronous side of Javascript. Promise API is simple enough to read one article about and start using straight away, but there's several gotchas that may come as a surprise later.
I feel like maybe there would be a demand for a talk on the topic of promises, how they compare to callback-based APIs, differences between traditional Promise.then syntax and async/await, how event loop works etc.
The scope of this thing will become more clear later, but I would love to try and prepare something.

There is a git course in the program and many students complete createRepo-makePR task (task 0).
However, many do not benefit from git branching, commit squashing, stashing and undoing in git style in their daily work. Single day workshop might help establish good habits.

Possible topics for the workshop:

• using branches for experiments and easy roll-back
• merge vs rebase
• commit frequently and squash
• oh shit, git
• conflict resolution and collaboration basics

What: Meeting of P2P course participants. Let's discuss tasks, ask questions about the course, etc.

Where Chasopys

Map

When: February 15. Start at 19:00-19:30

Do I need a laptop: As you wish

Who invited: everyone who left comments here. Newcomers are welcome too 😺

If you have any question - fill free to ask in this issue.

This issue is an off-spring from #92, specifically item 1 in this list by @OleksiyRudenko
As discussed, it is proposed to add freecodecamp algorithms course to course assignments. PR will follow shortly.

add some task to register at https://stackoverflow.com/ and get to some level

Some tasks were highlighted during the offline part of the course in 2019.
It might be of great help for the self-learners if these tasks/modules contained direct links to relevant clips from Frontend 2019 playlist

Other playlist to consider as a source:

• p2p
• Frontend 2018

Each fragment might be a screenshot (frame) from the video linked to a video per se.

Skills to have to accomplish:

• MarkDown
• git/GitHub: forking, contributing via a pull request

(Asking for a friend)

I cannot find a confirmation myself, could you please clarify whether it's possible to attend for somebody that's not in Kyiv?

Thanks.

Add instructions on how to setup IDE:

• package.json
• eslint
• prettier
• ...

Problems:

1. Adding a task in the middle of the list will require all tasks renumbering
2. No clear boundary between purely remote and meetup supported tasks (e.g. for publishing purposes)
3. No clear boundaries between topics (tasks aren't grouped per topic)
4. All tasks look (currently are) mandatory

Proposal:

1. Introduce task codes instead of task ordinal number in both file names and
2. Mark task optionality (e.g. Website Performance Optimization may be Optional or Nice-to-Know) in task description

Task code suggestion.
Task code comprises 4 digits, e.g. 1230 where:

• 1 is course phase (e.g. 0 - remote, 1 - meetup supported)
• 2 is topic ordinal code (e.g. 1 in phase 0 - misc basics (git PR, Linux CLI...), 2 - HTML/CSS, 3 - OOP)
• 30 task code. Current tasks codes will look like 10, 20, 30 etc. When any new task to be added between task 0210 and task 0220 it will be coded 0115.

Current tasks table of contents may look like following (current task number is in brackets):

0000 Remote tasks

0100 General Basics

• 0120 Git basics (0)
• 0130 Linux CLI and Networking (01)
• 0140 VCS (hello gitty), GitHub and collaboration (02)

0200 Frontend basics

• 0220 Intro to HTML & CSS (03)
• 0220 Responsive Web Design (04)
• 0230 Intro to JS (05)

0300 Frontend Advanced

• 0320 Object oriented JS (06)
• 0330 Offline Web Applications (nice-to-know) (07)
• 0340 Real project! Memory pair game (08)
• 0350 Website Performance Optimization (nice-to-know) (09)
• 0360 Real project! Weather app (10)

1000 Meetup supported tasks

1100 Basic skills enhancement

• 1120 Mastering HTML 5 forms (11)
• 1130 Responsive Layouts (12)

1200 Advanced

• 1220 Pizza App: Login and Registration (13)
• 1230 Pizza App: Pizza Creation (14)
• 1240 ReactJS Weather App (15)
• 1250 React + Redux

Filling a gap between Intro to JS (05) and OOP (06) will then be as easy as adding 0240 Advanced JS to the table of contents and file task0240.md. Or 0310 Advanced JS - depending on how we qualify the complexity of the task.

Move materials related to past course to archive directory

Some courses from edx will be available only starting from Jan 2018, we can leave it as it is.

I think it would be nice to have some welcome message - we are starting with a description but it is so much fun BTW. So I would add something like:

"Hi, we are Kottans!"
"Welcome to our course, we hope you'll enjoy it..."

Выходит что много народу не понимает что нужно приступать к выполнению задания и чем лучше и больше они выполнят тем больше вероятность что окажутся в числе тех кого на курс примут.
Нужно бы по этому поводу ридми апдейтнуть на русском и eng.

Many students do not recognize situations where arrays could make code cleaner and Array methods efficiently replace other techniques

As was discussed, I creating an issue where we will hold additional topics for lectures or workshops.

TL;DR:

We have tried a couple of times to create a situation, where students can propose themes which is interesting for them. But usually, it is not working, because newbies can't decide what is interesting for them.

As a decision, we will create a list of topics and then create some kind of poll for students.

The proposed format for the list:

1. [Title]: [short description]

As an example:

1. Website Performance Optimization: how a browser will render your page, possible caveats in a performance of the page, relations between document, window, etc.
2. react@next: general description about what we should await from React in nearest future 😄 Brainblowing story about fibers, Suspense and hooks 🎆

I have some problem to make PR by myself so please check and fix a link to an image in Task 14.
Now: https://github.com/kottans/frontend/blob/master/tasks/img/create-pizza.png
Should be: https://github.com/kottans/frontend/blob/master/img/create-pizza.png

The problem:
Some users have their sub-domain under github pages (github.io) banned for the task being accomplished and code published resembled phishing attempt.
proof

Action points:

1. change the assignment so that the result wouldn't resemble anything from google or other big bro
2. identify all users that suffered and suggest support (discard the source code and re-publish gh-pages; address google support for un-ban)

An appropriate student's work from the past course might be a good source of illustrations.

Alternative is just to draw mockups using icons from e.g. https://fontawesome.com/ or similar resource (colored icons are better).

Many tasks refer to gitter chat

You did a lot already! If you honestly finished all the previous steps then
    go ahead and share it with others – send a message in [gitter channel][chat]
    with the link to your repo and `@/all` tag.

Need to:

• replace gitter channel with telegram chat in all tasks
• reword instructions as @/all tag seemingly doesn't work in tg

Blocked by #283.

Once #283 completed

• the videos that have associations with modules must be added to relevant modules (those that aren't yet)
• the videos that have no particular association with modules (e.g. course intros, online course retrospection etc) should be linked to relevant overview files (contents, final modules etc)

What: First lecture.

You will have a possibility to see all mentors who will read lectures, meet each other. Also, we will tell you about the structure of Stage 1, what topics we will learn, etc.

Where: Cogniance, entrance 2i

Pls, see red dot:

When: January 26. We will start at 12:00.

Do I need a laptop? No

Who invited: everyone who passed interviews

Practical tasks instructions should contain links to both frontend-2019-homeworks and frontend-2019-p2p repos.

Link videos from Kottans FE 2019 course on youtube that aren't linked yet (with e.g. #281) to relevant modules from ./tasks directory

Suggested approach

1. Create ./tasks/video-map.md
2. List all videos from Kottans FE 2019 course on youtube in a table

Here is how it might look:

Module name	Thumbnail	Video title
Weather App		Routing Intro - Christina Landvytovych

more rows

Use Weather App module as a reference guide. Basically the contributor might take the relevant part from the file above and supplement it with (a) module name column and (b) rows for other videos from the youtube channel.

The map will give an idea of what videos remain non-referred to from the modules.

Some videos (intro to offline like course) will not have modules to bind with. These still have to be listed while Module name will be held empty.

It is also important to keep a proper order of videos.

3. Link the map with Task listing

Use #281 and #276 as a reference guide.

Skills you will use, or improve, or gain

• Advanced markdown
• YouTube video thumbnail API

To do next

Add remaining videos to relevant modules.

Task 6 (OOP) is a big step from Task 5 (intro to JS).
Intermediary task(s) is required to be better prepared for application development.
Proposals:

• exercise JS dev skills (e.g. freecodecamp, codewars, codingame )
• task to study DOM API (e.g. DOM events in 3 acts[rus] )

https://cantunsee.space/

In English letter Y may represent both vowel and consonant. Many non-native speakers stick to considering it a vowel and therefore get stuck at Intermediate Algorithms Scripting: Pig Latin exercise where Y is treated as a consonant.

Students' efforts in figuring this issue out seem to be not paying so the proposal is to add a relevant NB to the JS Basics task description to remove the unnecessarry hassle.

What: Meeting of P2P course participants. Take note of this - it is not interviewing!

It will be first meetup of students who want participate in p2p course. 😸 We will provide details about peer-to-peer model of education, tell you about the structure of the course, how it will work, etc.
❗ If you CAN and WANT to come please leave a comment to this issue ❗

Where Rails Reactor - улица Ямская, 35

You will need to enter inside a courtyard of the building. Entering inside an office of the company is restricted, because of this, someone should wait for students there. But if you will fill lonely - leave a message in the FE students or FE Questionarium chat and we will get you to the office. 😉

When: January 27. Start at 12:00. It should take near 3-4 hours max.

Do I need a laptop: No

Who invited: everyone who left comments here . Newcomers are welcome too 😺

If you have any question - fill free to ask in this issue.

There are many out there.

However short guidelines specific to our course will be useful.

Links to concise materials will be added.

Just for the record:
https://slides.com/zonzujiro/summary

Memory pair game:

• kaizengami demo / source

Weather app:

• namariam demo / source

more to be added

When I clicked to

1. Finish the course How to use Git and GitHub

in the Git and GitHub task list,
it's redirecting to the Version Control with Git course

Brake down creating the form task as we lost a lot of students on it(was to difficult for them).

⚠️ Read this issue first - #240 ⚠️

We all have a different amount of free time, different level of knowledge. It is normal. So not all who wanted to be a part of FE course finished necessary tasks.

We have decided, that we can't abandon all who wants studying with us. Right now we are working on idea how to help this group of people.

You can be on the first task or on the last. Don't matter. If you want to study in this additional group - proceed to #240.

Share the knowledge.

2. Repository on GitHub to save your progress. More about repositories in Task 0.

There is no info about Task 0 on the main page and in the folder tasks.

Somewhere it was suggested. As far as I remember, by @sudodoki.

The idea is to add meaningful names to tasks, what we already did, and generate contents with normal numbering by GitBook. After that we can host course on web.

This issue is an off-spring from #92

As discussed, we are looking for a task which would be relatively easy but still would prepare students for more complex topics. Please find below the list of existing proposals for tasks:

1. Football (description)
2. Interactive menu (description)
3. User cards (description)
4. mini-spreadsheet (description)

Someone mentioned the issue of unfamiliar frontend terminology at today's meeting, perhaps it would be a good idea to add a link to some sort of a dictionary.
There's a good example of such dictionary maintained by web-standards.ru community. It provides not only definitions of frontend terminology, but also pretty sensible translations of those terms.
I suggest that we add a link to it in README header (alongside gitter button, awesome list button etc.). If that's ok, I'd be happy to make a PR.

Current training resources for remote phase fit the course targets. However most of those offer English-only narration and captioning which affects information digesting for many students.

Supplementing the sources with translated counterparts or at least similar materials on the same topics in students' native language would improve learning tempo.

Deadline for the remote phase tasks is 2018-10-12

What: Interviews

Where: Cogniance, entrance 2i

Pls, see red dot:

When: January 19. We will start at 12:00 and we want to finish till 20:00. It is a lot of people and we understand that no one wants to wait in line 5 hours in a row. So we have created two groups.

• To applicants from Group A we recommend to come at 12:00.
• To applicants from Group B we recommend to come at 15:00.

Please, respect the time of mentors and don't come too late, because we don't want to wait for someone. 😉You will have time to chat with everybody, anyway.

How I can prepare: You are prepared. Seriously. Just come. Also, you don't need a laptop, papers, passport, etc.

Pls, left a comment here if you agree. If you have any question - fill free to ask in this issue.

All listed people are invited to interviews:

Group A:

1. @MitchfFirstGit
2. @vitaliykravchyk
3. @Zihfred
4. @Oodmincheg
5. @beta-version-profile
6. @irynay
7. @linkqwd
8. @o-msh
9. @KurosavaAkira
10. @feroxes
11. @kalash14
12. @Karasb888
13. @maxovsanyuk
14. @denislukianenko
15. @justdevway
16. @Eugene50
17. @sioniks
18. @yulyasystem
19. @babayK0
20. @rrrds
21. @igkostyuk
22. @Aldegid
23. @webdevagent
24. @RomanovAleksander
25. @SergSenras

Group B:

26. @AlinaLadybug
27. @Roman-Halenko
28. @bugagashinka
29. @OlgaFrontend
30. @CuteShaun
31. @Vitaminvp
32. @allykrupina
33. @nazmariam
34. @olek557
35. @AlexNugda
36. @Humminggoo
37. @vladk96
38. @ivarshavets
39. @alexdefender
40. @dnzln
41. @AnnaGrynchuk
42. @krash1408
43. @vv2529
44. @frostwolm
45. @mazvira
46. @iamsokol
47. @PAtrofimov
48. @CrazyPike
49. @vadymkotlyarenko

A proposal on badge to replace gitter.im badges across the tasks descriptions:

[![Telegram][icon-chat]][chat]

[icon-chat]: https://img.shields.io/badge/chat-on%20telegram-blue.svg
[chat]: https://t.me/joinchat/CX8EF1JmLm9IM6J6oy2U7Q

We have a really good OOP course in our program, but this course covers ES5 only, which means that some important features from ES are missing (class syntax, let/const + block scopes, Object.assign etc.).
I would like to make a short lecture on this topic during offline course.

We haven't decided if we will cover pure JS in offline course (weather we expect student to learn those topics by themselves), but if we do, this issue will be relevant. Maybe we can pack several JS-related topics together on one day.

The last module of online course part (Friends app) only offers to proceed to the course content, which lists offline part topics/modules but offers no links.

So offline modules from ./tasks directory aren't exposed explicitly in any documents.

We might bind ./contents.md with ./tasks/README.md.

The related section of complete tasks listing also might be completed with all remaining modules in proper order.