React.js Web application development - course 25,500 rub. from Loft School, training 6 weeks, date November 27, 2023.

Miscellaneous / by admin / November 28, 2023

Rich program
20 training modules, 100+ hours of training.

Personal mentor
A practicing Node.js developer will answer any questions and provide reviews.

Access to materials
Not limited by the course. You can continue studying whenever you want.

Slack chat
Communication with teachers and classmates in a cozy and friendly atmosphere.

Certificate
A diploma with a unique ID confirming your level of knowledge.

Lamp atmosphere
No boring and boring “uncles”, like in other schools. At Loftschool you will be taught in a rock-and-roll atmosphere.

Carier start
After training, you are immediately ready to start a career in the web industry.

Each week of training includes:
2-3 training modules
1 group practice
Exercise
30-minute consultation

They give knowledge, not answers. They love to explain and are able to convey complex information in understandable language. Demanding about the quality of your code: you will not pass the assignment until your code is perfect. They understand other people well and know how to find an approach to any students. Always ready to help.

instagram viewer

Week 1 - Introduction to React.js

— We get to know the course team and classmates.
— Learning JSX and Virtual DOM in React.
— We are considering the component approach and methods of data transfer.

Acquaintance
1. Course opening (05:41)
I React.js
1. What is React (07:05)
2. Virtual DOM (02:46)
3. JSX (06:10)
4. Rendering with conditions (05:11)
5. Working with lists (02:45)
6. Components (02:41)
7. Props (01:45)
8. State (06:45)
9. Events (02:26)
10. React Devtools (03:58)
II React.js
1. Lifecycle methods (05:19)
2. Components - functions (01:29)
3. Pure Component (02:54)
4. Synthetic Events (01:42)
5. Working with forms (02:51)
6. Error handling (01:39)
Analysis of tasks #1
1. Workshop #1 (30:36)

Week 2 - React.js patterns, testing

— We study components, elements and instances of the component class.
— We consider the Recompose library, high order components and Render Props patterns.
— We understand the advantages of tests, study Jest, Enzyme, Snapshots.

III React
1. Intro (01:43)
2. PropTypes (10:18)
3. Context (05:19)
4. Refs (05:18)
5. Portals (05:02)
6. Hooks (10:42)
IV React.js
1. High Order Components (HOCs) - Higher Order Components (10:33)
2. Ref-forwarding (HOCs) (04:31)
3. Render props pattern (05:25)
4. HOK Library Recompose (10:32)
5. Profiling (04:02)
Testing
1. Intro (05:06)
2. Test Runner (02:51)
3. Test DSL (08:41)
4. Enzyme (06:57)
5. Snapshots (03:09)
6. Testing sagas (05:01)
7. React Testing Library (06:32)
Analysis of tasks #2
1. Workshop #2 (27:54)

Week 3 - Redux, routing

— We study routing: Simple routing, routing with Switch, as well as nested routing.
— Getting acquainted with the Redux library: basic concepts and concepts of Store, Actions, Reducers, React-redux.
— Middleware is considered as a way to work with Sideeffect.

Routing in the browser
1. History API (02:48)
2. Simple routing (05:39)
3. Routing from Switch (04:16)
4. Nested routing (05:32)
5. Private route (04:39)
I Redux
1. Intro (04:07)
2. Store (05:03)
3. Actions (02:17)
4. Reducers (07:56)
5. React-redux (03:26)
II Redux
1. Intro (03:11)
2. CreateActions (redux-actions) (09:13)
3. Middleware (07:54)
4. Handle actions (05:52)
5. Selectors (06:17)
6. Reselect (04:49)
7. Ducks (06:56)
Analysis of tasks #3
1. Workshop #3 (39:13)

Week 4 - Redux-saga

— We are studying the Redux-saga library. Repeat generator* functions. Let's learn how to run them in parallel.
— Let's look at the Take method. Let's study select as a way to get data from the Store.
— We are looking at ways to style a React application. We study the libraries ClassNames, StyledComponents, BrowserList, MaterialUI.

I Redux-saga
1. Intro (00:57)
2. Overview (02:08)
3. Generators (04:11)
4. Adding sagas (02:07)
5. React on actions (03:53)
6. Feature launches (02:06)
II Redux-saga
1. Intro (00:27)
2. Performing effects in parallel (03:41)
3. Take effect (02:45)
4. Select effect (02:04)
5. Cancel effects (04:05)
Working with styles
1. Intro (01:34)
2. CRA Styles (05:21)
3. ClassNames (06:32)
4. StyledComponents (07:11)
5. BrowserList (01:37)
6. Material UI (08:13)
Analysis of tasks #4
1. Workshop #4 (09:55)

Week 5 - Forms, CI & DI & Client error handling

— We consider working with forms using the Formik, Redux Forms, React Final Form libraries.
— We are considering methods for ensuring the quality of production code. We analyze such tools as: Husky, TravisCI, HerokuNow.
— We are studying a set of useful libraries for development (Storybook, RamdaJS, Axios).
— We are considering TypeScript.

Working with Forms
1. Intro (05:07)
2. Formik (08:51)
3. Redux form (06:22)
4. React final form (06:36)
CI & DI & Client error handling
1. Intro (05:07)
2. Husky (02:32)
3. CI using TravisCI (03:32)
4. Deploy to heroku (04:57)
5. Rollbar (02:00)
A set of useful libraries for development
1. Storybook (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Typescript (09:31)
Analysis of tasks #5
1. Workshop #5 (13:17)

Week 6 - Project work

— We complete the application and send it for review.

How to get a job in IT: tips and tricks
1. How to get a job in IT? Search, interview and probationary period (42:21)
2. How to find remote work and freelance orders? (20:12)
3. First job in IT - how to behave? Internships, official employment and work “for food” (14:11)
4. How to pass the probationary period? (27:10)
5. How to prepare for an interview at a FAANG company (08:52)
6. The process of loading a web page (25:19)
7. Programmer interview - everything you need to know (01:24:07)
8. Solving a problem from a programmer interview (19:36)
9. Frontend developer interview (01:37:17)

Dmitry561

26.03.2021 G.

Review

Great experience

Advantages: Teachers and mentors, interesting projects, course structure, presentation of material. Disadvantages: Lack of time, superficial in places In my opinion, no matter what developer courses a person began to pass, he must have a base and knowledge acquired by his own forces. Only after sitting for several months on your own can you understand how much all this suits you and...

uglenpish

19.05.2020 G.

Review

Quality training at an affordable price.

Advantages: High-quality material, availability of mentors, channel for students to communicate, quick response teachers for questions, weekly individual calls with a mentor, intensive training, deadlines upon passing the work). Disadvantages: The third course, in my opinion, is too complicated without a deeper knowledge of the basics of JS, and courses on JS are available separately (although this point was corrected just a month ago and...

Dmitry561

26.03.2021 G.

Review

Great experience

oleg7791q

30.05.2020 G.

Review

JS and REACT are clearly not the place to learn.

Advantages: Teachers know the subject, beautiful design, convenient personal account. Disadvantages: You will not know the subject, because the courses are poorly thought out methodologically. And it’s not a matter of your diligence, but rather a matter of poor structure and content. Yes, the wrapper is beautiful. Yes, we successfully got into the unsystematic analysis of online schools from My circle. After constructive criticism from the Habr community, My Circle deleted the table...

oleg7791q

30.05.2020 G.

Review

JS and REACT are clearly not the place to learn.

Tags cloud

Miscellaneous

Rating

Views

Comments