kottans / frontend Goto Github PK
View Code? Open in Web Editor NEW:octocat: Kottans frontend course 🎓
Home Page: https://kottans.org/frontend/
License: MIT License
:octocat: Kottans frontend course 🎓
Home Page: https://kottans.org/frontend/
License: MIT License
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: Meeting of P2P course participants. Let's discuss tasks, ask questions about the course, etc.
Where Chasopys
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.
Some courses from edx will be available only starting from Jan 2018, we can leave it as it is.
As student I try to go by link Как учиться и справляться с негативными мыслями in "Git and GitHub Intro" section but received error 404
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:
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).
Problems:
Proposal:
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):
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.
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.
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.
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.
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:
gitter channel
with telegram chat
in all tasks@/all
tag seemingly doesn't work in tgadd some task to register at https://stackoverflow.com/ and get to some level
Link videos from Kottans FE 2019 course on youtube that aren't linked yet (with e.g. #281) to relevant modules from ./tasks
directory
./tasks/video-map.md
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.
Use #281 and #276 as a reference guide.
Add remaining videos to relevant modules.
Brake down creating the form task as we lost a lot of students on it(was to difficult for them).
Blocked by #283.
Once #283 completed
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.
Practical tasks instructions should contain links to both frontend-2019-homeworks and frontend-2019-p2p repos.
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:
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.
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:
As an example:
document
, window
, etc.Suspense
and hooks 🎆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:
Each fragment might be a screenshot (frame) from the video linked to a video per se.
Skills to have to accomplish:
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.
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.
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.
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.
(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.
Many students do not recognize situations where arrays could make code cleaner and Array methods efficiently replace other techniques
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
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:
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.
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:
Group B:
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..."
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
Just for the record:
https://slides.com/zonzujiro/summary
Implementation approach suggestions:
See also:
There are many out there.
However short guidelines specific to our course will be useful.
Links to concise materials will be added.
When I clicked to
- 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
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:
There is no info about Task 0 on the main page and in the folder tasks.
Promise.all
, Promise.race
, Promise.cancel
и Promise.takeAll.takeAll
and .chain
methodsrequestAnimationFrame
Выходит что много народу не понимает что нужно приступать к выполнению задания и чем лучше и больше они выполнят тем больше вероятность что окажутся в числе тех кого на курс примут.
Нужно бы по этому поводу ридми апдейтнуть на русском и eng.
Move materials related to past course to archive directory
Add instructions on how to setup IDE:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.