https://github.com/tkssharma/full-stack-dev-course
Simple full-stack dev course on React Angular Node JS
https://github.com/tkssharma/full-stack-dev-course
angular nodejs react reactjs redux router-router-dom
Last synced: 3 months ago
JSON representation
Simple full-stack dev course on React Angular Node JS
- Host: GitHub
- URL: https://github.com/tkssharma/full-stack-dev-course
- Owner: tkssharma
- Created: 2021-08-09T04:18:15.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-10T05:50:31.000Z (almost 5 years ago)
- Last Synced: 2025-01-20T13:34:20.729Z (over 1 year ago)
- Topics: angular, nodejs, react, reactjs, redux, router-router-dom
- Homepage:
- Size: 254 KB
- Stars: 0
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Sandbox Examples
#### Resources [BOOK]
- https://tkssharma.gitbook.io/react-training/
#### Slides [slides]
- https://slides.com/tkssharmaa/deck-5-231
- https://slides.com/tkssharmaa/introduction-to-react-232
- https://slides.com/tkssharmaa/deck-5-233
- https://slides.com/tkssharmaa/deck-5-3-234
- https://slides.com/tkssharmaa/react-29-235
- https://slides.com/tkssharmaa/react-29-235-237
- https://slides.com/tkssharmaa/react-29-236-238
### Day1
- https://codesandbox.io/s/infallible-pascal-lchm8?file=/src/index.js
- https://codesandbox.io/s/relaxed-rosalind-ckp92?file=/src/App.js
### Day2
- https://codesandbox.io/s/little-sea-2sg2r
- https://codesandbox.io/s/hidden-wave-w1vhh
- https://codesandbox.io/s/headless-leaf-0g09s?file=/src/App.js
- https://codesandbox.io/s/frosty-wood-jbmju?file=/src/index.js
- https://codesandbox.io/s/peaceful-bhabha-lc818?file=/src/App.js
Assignment Sol:
- https://codesandbox.io/s/great-sound-ixhh0
### Day3
- https://codesandbox.io/s/affectionate-stallman-qxjkn
- https://codesandbox.io/s/boring-mclaren-mhl3u?file=/src/App.js:489-705
- https://codesandbox.io/s/confident-buck-t4s1n?file=/src/App.js
- https://codesandbox.io/s/floral-platform-i7rxu?file=/src/App.js
### Day 4
- https://codesandbox.io/s/nice-glade-96bc3?file=/src/lifecycle.js:304-363
- https://codesandbox.io/s/jovial-bose-hkimg?file=/src/weather-data.js
- https://codesandbox.io/s/dark-lake-u2n1s?file=/src/olympics-score.js
- https://codesandbox.io/s/brave-antonelli-3d7r2
### Weekly Target
| Topics | status |
| ------------- | ------------- |
| React Intro | Done |
| Install and setUp [NPM/create-react-app] | done |
| Hello world React | done |
| React with create-react-app | done |
| React with classes Intro| done |
| React with functions Intro | done |
| React with Toolings jsx/npm/babel | done |
| Understanding Components | done |
| React using state and props | done |
| React with State and Props | done |
| React Component communication| done |
| React App assignments | done |
## Week 02
### Day 01
- https://codesandbox.io/s/nervous-cloud-l8k42?file=/src/modue1.js
- https://codesandbox.io/s/magical-hellman-1owmv
#### Slides
- https://slides.com/tkssharmaa/ecmas-18#/9
- https://slides.com/tkssharmaa/webcomps-19-31-32-33-97#/1
- https://slides.com/d/W4mln44/live
#### Assignment [SHOPPING-CART]
- https://codesandbox.io/s/magical-hellman-1owmv?file=/src/App.js
### Day 02
- https://codesandbox.io/s/optimistic-lichterman-1893o?file=/src/styles.css
- https://codesandbox.io/s/wandering-fog-krgd3?file=/src/App.js:1534-1556
- https://codesandbox.io/s/awesome-wildflower-mz1jd?file=/src/App.js
- https://codesandbox.io/s/nifty-murdock-2w39h?file=/src/App.js:0-659
#### Assignment
- https://codesandbox.io/s/crazy-smoke-cvwh0
#### Slides
- https://slides.com/tkssharmaa/ecmas-18#/9
- https://slides.com/tkssharmaa/webcomps-19-31-32-33-97#/1
- https://slides.com/d/W4mln44/live
#### Assignment [SHOPPING-CART]
- https://slides.com/d/dDvzDD0/live#/2
- https://slides.com/d/QM1x004/live#/7
- https://slides.com/d/hoMM7gs/live#/16
### Day 03
- assignment https://codesandbox.io/s/sharp-pond-1r5e1?file=/src/App.js
- assignment https://codesandbox.io/s/fwq6s?file=/src/index.js:0-399
- assignment https://codesandbox.io/s/pedantic-cdn-plkqc
- solution https://codesandbox.io/s/sharp-pond-1r5e1?file=/src/App.js
- solution https://codesandbox.io/s/pedantic-cdn-plkqc
- solution https://codesandbox.io/s/competent-bhabha-zj8of?file=/src/App.js
#### Functional Componnets [HOOKS]
- https://codesandbox.io/s/sweet-shtern-suoz1?file=/src/App.js
- https://codesandbox.io/s/boring-platform-nw8cq?file=/src/App.js
- https://codesandbox.io/s/practical-nash-44v7d?file=/src/App.js:0-1002
- https://codesandbox.io/s/interesting-cdn-zr8m4?file=/src/App.js
- https://codesandbox.io/s/vibrant-morning-7s1rp?file=/src/App.js
Assignment :
- https://codesandbox.io/s/amazing-snowflake-csbmf?file=/src/App.js
- solution :
### Week 03
#### Day 01
- https://codesandbox.io/s/xenodochial-moore-38xpq?file=/src/App.js
- https://codesandbox.io/s/xenodochial-moore-38xpq?file=/src/App.js
- https://codesandbox.io/s/naughty-sun-d8nvb?file=/src/App.js
- https://codesandbox.io/s/headless-wood-smmmp?file=/src/App.js
- https://codesandbox.io/s/headless-wood-smmmp?file=/src/App.js
- https://codesandbox.io/s/broken-leftpad-eurdc
- https://codesandbox.io/s/adoring-tamas-7opf8
- https://codesandbox.io/s/purple-snowflake-616hp
- https://codesandbox.io/s/patient-surf-cfrqq
- https://codesandbox.io/s/hungry-margulis-oln9i?file=/src/App.js
- https://codesandbox.io/s/cranky-resonance-uh5t1?file=/src/App.js
### Assignment
- create react form for login and signup
#### Day 02
- https://codesandbox.io/s/upbeat-bhabha-c35f2 [FLICKER APP]
- https://codesandbox.io/s/upbeat-bhabha-c35f2?file=/src/App.js:827-833 [FLICKER APP DEMO]
- https://codesandbox.io/s/async-silence-m7sgc [WEATHER APP]
- https://codesandbox.io/s/react-hooks-usestate-and-useeffect-forked-yxvs8?file=/src/index.js
- https://codesandbox.io/s/qxkr4mplv6?from-embed
- https://codesandbox.io/s/yq5qowzrvz?from-embed
- https://codesandbox.io/s/509jvrqr8n?from-embed
- https://codesandbox.io/s/53kkmvxlol?from-embed
- https://codesandbox.io/s/ywo8rmk7zz?from-embed
#### Day 03 [REACT-ROUTER]
- https://codesandbox.io/s/react-router-forked-cdn7b?file=/index.js:63-136
- https://codesandbox.io/s/elated-sky-wx4in?file=/src/common/footer.js
- https://reactrouter.com/web/example/nesting
- https://codesandbox.io/s/elated-sky-wx4in?file=/src/index.js
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-y0o7i?file=/src/App.js
- https://codesandbox.io/s/bold-dew-hq8xb
- https://codesandbox.io/s/pass-data-routing-forked-qery9?file=/src/components/Details.js
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-n436g
### Assignment
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-lc8ne
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-lc8ne?file=/src/Blog.js
#### Day 04
- Assignment Review
- https://codesandbox.io/s/supun-kavinda-react-router-app-forked-de5p4?file=/src/Post.js:245-406
- https://slides.com/tkssharmaa/redux-9de663
- https://slides.com/tkssharmaa/react-redux-intro-64
- https://slides.com/tkssharmaa/deck-53-58-148
- https://codesandbox.io/s/react-redux-forked-7skez?file=/example.js [ASSIGNMENT]
#### Day 05 [REACT CLOSURE]
- https://codesandbox.io/s/react-redux-forked-fukng?file=/Page.js
- https://codesandbox.io/s/react-redux-forked-fukng?file=/Page.js
- https://codesandbox.io/s/jest-testing-react-forked-14p0k
- https://codesandbox.io/s/testing-react-form-forked-jl7s9
- https://codesandbox.io/s/recursing-shadow-pxc9x?file=/src/reportWebVitals.js
- https://codesandbox.io/s/testing-library-user-event-forked-vpmcq
- https://codesandbox.io/s/testing-react-components-with-state-forked-p1j7x
#### Demo App
- https://codesandbox.io/s/objective-wescoff-4nw3f?file=/src/App.js
- https://codesandbox.io/s/vigorous-hopper-b9ubg?file=/src/App.js
## Node JS Training
#### Day-0
- introduction
#### day-02
- https://replit.com/@tkssharma/FlimsyMediumorchidPolygons#factorial.js
- https://replit.com/@tkssharma/AdolescentDismalAssociate
- https://replit.com/@tkssharma/AdolescentDismalAssociate#index.js
#### DAY-03
- https://replit.com/@tkssharma/SwelteringSardonicBrowsers#index.js [ASSIGNMENT]