ಫ್ರಂಟ್-ಎಂಡ್ ಡೋಜೋ: ಡೆವಲಪರ್ ಕೌಶಲ್ಯಗಳನ್ನು ತರಬೇತಿ ಮಾಡುವ ಯೋಜನೆಗಳು (5 ಹೊಸ + 43 ಹಳೆಯದು)

1. ಕಲ್ಪನೆ ತದ್ರೂಪು

ಕಲ್ಪನೆ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಅನೇಕರು ಇಷ್ಟಪಡುತ್ತಾರೆ; ಇದು ನಿಮ್ಮ ಕೆಲಸದ ಹರಿವನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿಸಲು, ಡಾಕ್ಯುಮೆಂಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು, ಕಾರ್ಯಗಳನ್ನು ನಿಗದಿಪಡಿಸಲು ಮತ್ತು ಸಾಧನಗಳ ನಡುವೆ ಡೇಟಾವನ್ನು ಸಿಂಕ್ರೊನೈಸ್ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

www.notion.so

ಕಲ್ಪನೆ ತದ್ರೂಪು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• HTML ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ API. ಬಳಕೆದಾರನು "ಮೌಸ್‌ನಿಂದ ಹಿಡಿಯಬಹುದು" ಎಳೆಯಬಹುದಾದ ಅಂಶ ಮತ್ತು ಅದನ್ನು ಇರಿಸಿ ಬೀಳಿಸಬಹುದಾದ ವಲಯ.
• ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ ಮತ್ತು ಸ್ಮಾರ್ಟ್‌ಫೋನ್ ನಡುವೆ ನೈಜ ಸಮಯದಲ್ಲಿ ಡೇಟಾವನ್ನು ಸಿಂಕ್ರೊನೈಸ್ ಮಾಡುವುದು ಹೇಗೆ.
• ನಾವು ಬಳಕೆದಾರರಿಗೆ ದಾಖಲೆಗಳನ್ನು ರಚಿಸಲು, ಓದಲು, ನವೀಕರಿಸಲು ಮತ್ತು ಅಳಿಸಲು ಅವಕಾಶ ಮಾಡಿಕೊಡುತ್ತೇವೆ, ಇದರಿಂದಾಗಿ CRUD ಕೌಶಲ್ಯಗಳನ್ನು ತರಬೇತಿ ಮಾಡುತ್ತೇವೆ.

EDISON ಸಾಫ್ಟ್‌ವೇರ್‌ನ ಬೆಂಬಲದೊಂದಿಗೆ ಲೇಖನವನ್ನು ಅನುವಾದಿಸಲಾಗಿದೆ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸುತ್ತದೆಮತ್ತು ಸ್ಟಾರ್ಟಪ್‌ಗಳಲ್ಲಿ ಹೂಡಿಕೆ ಮಾಡುತ್ತಾರೆ.

2. Repl.it ಕ್ಲೋನ್

Repl.it ನೈಜ-ಸಮಯದ ಸಹಕಾರಿ ಕೋಡ್ ಸಂಪಾದನೆಗಾಗಿ ಒಂದು ಸಾಧನವಾಗಿದೆ. ನೀವು ಹಲವಾರು ಭಾಷೆಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು: JavaScript, Python, Go ಮತ್ತು ಕೋಡ್ ಅನ್ನು ನೇರವಾಗಿ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ರನ್ ಮಾಡಿ. ತ್ವರಿತ ಡೆಮೊಗಳು ಮತ್ತು ಕೋಡ್ ಸಂದರ್ಶನಗಳಿಗೆ ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ.

rep.it

Repl.it ಕ್ಲೋನ್ ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಬ್ರೌಸರ್‌ನಲ್ಲಿ (ಕ್ಲೈಂಟ್-ಸೈಡ್) ಕೋಡ್ (ಸರ್ವರ್-ಸೈಡ್) ಅನ್ನು ಹೇಗೆ ಚಲಾಯಿಸುವುದು ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸುವುದು.
• ಇನ್ಪುಟ್ ಡೇಟಾವನ್ನು ಓದಿ (ಮೂಲ ಕೋಡ್) ಮತ್ತು ಮರಣದಂಡನೆಯ ಫಲಿತಾಂಶವನ್ನು ಪ್ರದರ್ಶಿಸಿ.
• ವೆಬ್‌ನಲ್ಲಿ ಫೈಲ್‌ಗಳು ಮತ್ತು ಫೋಲ್ಡರ್‌ಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಮತ್ತು ಫಲಿತಾಂಶಗಳನ್ನು ಉಳಿಸುವುದು ಹೇಗೆ.
• ಕೋಡ್ ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಹೈಲೈಟ್ ಮಾಡುವುದು ಹೇಗೆ.

3. Google ಫೋಟೋಗಳ ಕ್ಲೋನ್

Google ಫೋಟೋಗಳು ಫೋಟೋಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು ಮತ್ತು ಹಂಚಿಕೊಳ್ಳಲು ಒಂದು ಸೇವೆಯಾಗಿದೆ.
ಯಾವುದೇ ಆಧುನಿಕ ಫೋಟೋ ಅಪ್ಲಿಕೇಶನ್ ಮೂಲಭೂತ ಕಾರ್ಯಗಳನ್ನು ನಿರ್ವಹಿಸಬಹುದು: ಅಪ್ಲೋಡ್, ಕ್ರಾಪ್, ಇತ್ಯಾದಿ. ಜನರು ತಮ್ಮದೇ ಆದ ಅವತಾರಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಬೆಕ್ಕುಗಳ ಫೋಟೋಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಬಯಸುತ್ತಾರೆ, ಆದ್ದರಿಂದ ನೀವು ಚಿತ್ರಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ.

www.google.com/photos/about

Google ಫೋಟೋಗಳ ತದ್ರೂಪು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನನ್ನು ಕಲಿಯುವಿರಿ:

• ಫೋನ್‌ಗಳು, ಟ್ಯಾಬ್ಲೆಟ್‌ಗಳು, ಲ್ಯಾಪ್‌ಟಾಪ್‌ಗಳು ಮತ್ತು ದೈತ್ಯ ಟಿವಿ ಪರದೆಗಳಲ್ಲಿ ಸ್ಪಂದಿಸುವ ಚಿತ್ರಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು.
• ಚಿತ್ರದ ಅಪ್‌ಲೋಡ್‌ಗಳನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು, ವಿಶೇಷವಾಗಿ ದೊಡ್ಡ ಚಿತ್ರಗಳು (>1MB) ಮತ್ತು ಬೃಹತ್ ಅಪ್‌ಲೋಡ್‌ಗಳು.
• ಇಮೇಜ್ ಫೈಲ್‌ಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿ, ಥಂಬ್‌ನೇಲ್‌ಗಳಿಗಾಗಿ ಅಥವಾ ಗ್ಯಾಲರಿಯನ್ನು ತೆರೆಯುವಾಗ ಫೋಟೋಗಳನ್ನು ಕ್ರಾಪ್ ಮಾಡಿ ಮತ್ತು ಮರುಗಾತ್ರಗೊಳಿಸಿ.
• ಬೋನಸ್: ಕ್ಲೌಡ್ ಅಥವಾ ಸ್ಥಳೀಯ ಡೇಟಾಬೇಸ್‌ನಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಹೇಗೆ ಸಂಗ್ರಹಿಸುವುದು.

4. ಗಿಫ್ಸ್ಕಿ ಕ್ಲೋನ್

ಗಿಫ್ಸ್ಕಿ ಕಾರ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ವೀಡಿಯೊವನ್ನು GIF ಗೆ ಪರಿವರ್ತಿಸುತ್ತದೆpngquant ಸಮರ್ಥ ಅಡ್ಡ-ಫ್ರೇಮ್ ಪ್ಯಾಲೆಟ್‌ಗಳು ಮತ್ತು ತಾತ್ಕಾಲಿಕ ವಿರೋಧಿ ಅಲಿಯಾಸಿಂಗ್‌ಗಾಗಿ. ಫಲಿತಾಂಶವು ಪ್ರತಿ ಫ್ರೇಮ್‌ಗೆ ಸಾವಿರಾರು ಹೂವುಗಳನ್ನು ಹೊಂದಿರುವ GIF ಆಗಿದೆ.

gif.ski

ಗಿಫ್ಸ್ಕಿ ಕ್ಲೋನ್ ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ವೀಡಿಯೊ ಫೈಲ್‌ಗಳನ್ನು (.mp4 ಗೆ .gif) ಪರಿವರ್ತಿಸುವುದು ಹೇಗೆ.
• ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ HTML API ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು.
• ಇಮೇಜ್ ಆಪ್ಟಿಮೈಸೇಶನ್ ಮತ್ತು ಸಂಸ್ಕರಣೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ.

ಗಮನಿಸಿ: ಗಿಫ್ಸ್ಕಿ ಒಂದು ಮುಕ್ತ ಮೂಲ ಯೋಜನೆಯಾಗಿದೆ ಮತ್ತು GitHub ನಲ್ಲಿದೆ!

5. ಕ್ರಿಪ್ಟೋಕರೆನ್ಸಿ ದರಗಳನ್ನು ಮೇಲ್ವಿಚಾರಣೆ ಮಾಡುವುದು

ಸ್ಥಳೀಯ ಕ್ರಿಪ್ಟೋಕರೆನ್ಸಿ ಟ್ರ್ಯಾಕರ್ ಪ್ರತಿಕ್ರಿಯಿಸಿ

ಕರೆನ್ಸಿ ದರ ಟ್ರ್ಯಾಕರ್ ಅನ್ನು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• API ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು ಮತ್ತು API ನಿಂದ ರಿಮೋಟ್ ಆಗಿ ಡೇಟಾವನ್ನು ಸ್ವೀಕರಿಸುವುದು ಹೇಗೆ.
• ಡೇಟಾವನ್ನು ಪಟ್ಟಿಯಾಗಿ ಪ್ರದರ್ಶಿಸುವುದು ಹೇಗೆ.
• ಬೋನಸ್: ನಿಮಗೆ ಆಸಕ್ತಿ ಇದ್ದರೆ, ನಾನು ಇತ್ತೀಚೆಗೆ ಬರೆದಿದ್ದೇನೆ ಬೆಲೆ ಟ್ರ್ಯಾಕರ್ ಅನ್ನು ರಚಿಸುವ ಟ್ಯುಟೋರಿಯಲ್ ರಿಯಾಕ್ಟ್ ನೇಟಿವ್ ಜೊತೆಗೆ ಕ್ರಿಪ್ಟೋಕರೆನ್ಸಿಗಾಗಿ.

ಗಮನಿಸಿ: ಇಲ್ಲಿ GitHub ಉದಾಹರಣೆ ರೆಪೊಸಿಟರಿ.

ಹಿಂದಿನ ಪ್ರಕಟಣೆಗಳಿಂದ ಯೋಜನೆಗಳ ಆಯ್ಕೆ.

ಲೇಯರ್

www.reddit.com/r/layer

ಲೇಯರ್ ಎನ್ನುವುದು ಹಂಚಿದ "ಬೋರ್ಡ್" ನಲ್ಲಿ ಪ್ರತಿಯೊಬ್ಬರೂ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಸೆಳೆಯಬಹುದಾದ ಸಮುದಾಯವಾಗಿದೆ. ಮೂಲ ಕಲ್ಪನೆಯು ರೆಡ್ಡಿಟ್‌ನಲ್ಲಿ ಹುಟ್ಟಿದೆ. ಆರ್/ಲೇಯರ್ ಸಮುದಾಯವು ಹಂಚಿಕೊಂಡ ಸೃಜನಶೀಲತೆಯ ರೂಪಕವಾಗಿದೆ, ಪ್ರತಿಯೊಬ್ಬರೂ ಸೃಷ್ಟಿಕರ್ತರಾಗಬಹುದು ಮತ್ತು ಸಾಮಾನ್ಯ ಕಾರಣಕ್ಕೆ ಕೊಡುಗೆ ನೀಡಬಹುದು.

ನಿಮ್ಮ ಸ್ವಂತ ಲೇಯರ್ ಯೋಜನೆಯನ್ನು ರಚಿಸುವಾಗ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕ್ಯಾನ್ವಾಸ್ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಕ್ಯಾನ್ವಾಸ್ ಅನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಎಂಬುದನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು ಅನೇಕ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ನಿರ್ಣಾಯಕ ಕೌಶಲ್ಯವಾಗಿದೆ.
• ಬಳಕೆದಾರರ ಅನುಮತಿಗಳನ್ನು ಹೇಗೆ ಸಂಯೋಜಿಸುವುದು. ಪ್ರತಿಯೊಬ್ಬ ಬಳಕೆದಾರರು ಲಾಗ್ ಇನ್ ಮಾಡದೆಯೇ ಪ್ರತಿ 15 ನಿಮಿಷಗಳಿಗೊಮ್ಮೆ ಒಂದು ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಸೆಳೆಯಬಹುದು.
• ಕುಕೀ ಸೆಷನ್‌ಗಳನ್ನು ರಚಿಸಿ.

ಸ್ಕ್ವಾಶ್

squoosh.app

Squoosh ಅನೇಕ ಸುಧಾರಿತ ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಇಮೇಜ್ ಕಂಪ್ರೆಷನ್ ಅಪ್ಲಿಕೇಶನ್ ಆಗಿದೆ.

GIF 20 MB

Squoosh ನ ನಿಮ್ಮ ಸ್ವಂತ ಆವೃತ್ತಿಯನ್ನು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಕಲಿಯುವಿರಿ:

• ಚಿತ್ರದ ಗಾತ್ರಗಳೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುವುದು
• Drag'n'Drop API ನ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ತಿಳಿಯಿರಿ
• API ಮತ್ತು ಈವೆಂಟ್ ಕೇಳುಗರು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತಾರೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ
• ಫೈಲ್‌ಗಳನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡುವುದು ಮತ್ತು ರಫ್ತು ಮಾಡುವುದು ಹೇಗೆ

ಗಮನಿಸಿ: ಇಮೇಜ್ ಕಂಪ್ರೆಸರ್ ಸ್ಥಳೀಯವಾಗಿದೆ. ಹೆಚ್ಚುವರಿ ಡೇಟಾವನ್ನು ಸರ್ವರ್‌ಗೆ ಕಳುಹಿಸುವ ಅಗತ್ಯವಿಲ್ಲ. ನೀವು ಮನೆಯಲ್ಲಿ ಸಂಕೋಚಕವನ್ನು ಹೊಂದಬಹುದು, ಅಥವಾ ನೀವು ಅದನ್ನು ನಿಮ್ಮ ಆಯ್ಕೆಯ ಸರ್ವರ್‌ನಲ್ಲಿ ಬಳಸಬಹುದು.

ಕ್ಯಾಲ್ಕುಲೇಟರ್

ಬನ್ನಿ? ಗಂಭೀರವಾಗಿ? ಕ್ಯಾಲ್ಕುಲೇಟರ್? ಹೌದು, ನಿಖರವಾಗಿ, ಒಂದು ಕ್ಯಾಲ್ಕುಲೇಟರ್. ಗಣಿತದ ಕಾರ್ಯಾಚರಣೆಗಳ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಮತ್ತು ಅವು ಹೇಗೆ ಒಟ್ಟಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತವೆ ಎಂಬುದು ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಸರಳಗೊಳಿಸುವ ನಿರ್ಣಾಯಕ ಕೌಶಲ್ಯವಾಗಿದೆ. ಬೇಗ ಅಥವಾ ನಂತರ ನೀವು ಸಂಖ್ಯೆಗಳೊಂದಿಗೆ ವ್ಯವಹರಿಸಬೇಕು ಮತ್ತು ಬೇಗ ಉತ್ತಮವಾಗಿರುತ್ತದೆ.

jarodburchill.github.io/CalculatorReactApp

ನಿಮ್ಮ ಸ್ವಂತ ಕ್ಯಾಲ್ಕುಲೇಟರ್ ಅನ್ನು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಕಲಿಯುವಿರಿ:

• ಸಂಖ್ಯೆಗಳು ಮತ್ತು ಗಣಿತದ ಕಾರ್ಯಾಚರಣೆಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಿ
• ಈವೆಂಟ್ ಕೇಳುಗರ API ಯೊಂದಿಗೆ ಅಭ್ಯಾಸ ಮಾಡಿ
• ಅಂಶಗಳನ್ನು ಹೇಗೆ ವ್ಯವಸ್ಥೆ ಮಾಡುವುದು, ಶೈಲಿಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು

ಕ್ರಾಲರ್ (ಸರ್ಚ್ ಇಂಜಿನ್)

ಪ್ರತಿಯೊಬ್ಬರೂ ಸರ್ಚ್ ಇಂಜಿನ್ ಅನ್ನು ಬಳಸಿದ್ದಾರೆ, ಆದ್ದರಿಂದ ನಿಮ್ಮ ಸ್ವಂತವನ್ನು ಏಕೆ ರಚಿಸಬಾರದು? ಮಾಹಿತಿಯನ್ನು ಹುಡುಕಲು ಕ್ರಾಲರ್‌ಗಳ ಅಗತ್ಯವಿದೆ. ಪ್ರತಿಯೊಬ್ಬರೂ ಅವುಗಳನ್ನು ಪ್ರತಿದಿನ ಬಳಸುತ್ತಾರೆ ಮತ್ತು ಈ ತಂತ್ರಜ್ಞಾನ ಮತ್ತು ತಜ್ಞರ ಬೇಡಿಕೆಯು ಕಾಲಾನಂತರದಲ್ಲಿ ಮಾತ್ರ ಬೆಳೆಯುತ್ತದೆ.

ಗೂಗಲ್ ಸರ್ಚ್ ಇಂಜಿನ್

ನಿಮ್ಮ ಸ್ವಂತ ಹುಡುಕಾಟ ಎಂಜಿನ್ ಅನ್ನು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಕ್ರಾಲರ್‌ಗಳು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತವೆ
• ಸೈಟ್‌ಗಳನ್ನು ಹೇಗೆ ಸೂಚ್ಯಂಕ ಮಾಡುವುದು ಮತ್ತು ರೇಟಿಂಗ್ ಮತ್ತು ಖ್ಯಾತಿಯ ಮೂಲಕ ಅವುಗಳನ್ನು ಹೇಗೆ ಶ್ರೇಣೀಕರಿಸುವುದು
• ಡೇಟಾಬೇಸ್‌ನಲ್ಲಿ ಸೂಚ್ಯಂಕದ ಸೈಟ್‌ಗಳನ್ನು ಹೇಗೆ ಸಂಗ್ರಹಿಸುವುದು ಮತ್ತು ಡೇಟಾಬೇಸ್‌ನೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುವುದು

ಮ್ಯೂಸಿಕ್ ಪ್ಲೇಯರ್ (Spotify, Apple Music)

ಪ್ರತಿಯೊಬ್ಬರೂ ಸಂಗೀತವನ್ನು ಕೇಳುತ್ತಾರೆ - ಇದು ನಮ್ಮ ಜೀವನದ ಅವಿಭಾಜ್ಯ ಅಂಗವಾಗಿದೆ. ಆಧುನಿಕ ಸಂಗೀತ ಸ್ಟ್ರೀಮಿಂಗ್ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ನ ಮೂಲಭೂತ ಮೆಕ್ಯಾನಿಕ್ಸ್ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಚೆನ್ನಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಮ್ಯೂಸಿಕ್ ಪ್ಲೇಯರ್ ಅನ್ನು ರಚಿಸೋಣ.

Spotify

ನಿಮ್ಮ ಸ್ವಂತ ಸಂಗೀತ ಸ್ಟ್ರೀಮಿಂಗ್ ವೇದಿಕೆಯನ್ನು ರಚಿಸುವ ಮೂಲಕ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• API ನೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುವುದು. Spotify ಅಥವಾ Apple Music ನಿಂದ API ಬಳಸಿ
• ಮುಂದಿನ/ಹಿಂದಿನ ಟ್ರ್ಯಾಕ್‌ಗೆ ಪ್ಲೇ ಮಾಡುವುದು, ವಿರಾಮಗೊಳಿಸುವುದು ಅಥವಾ ರಿವೈಂಡ್ ಮಾಡುವುದು ಹೇಗೆ
• ಪರಿಮಾಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು
• ಬಳಕೆದಾರರ ರೂಟಿಂಗ್ ಮತ್ತು ಬ್ರೌಸರ್ ಇತಿಹಾಸವನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು

ರಿಯಾಕ್ಟ್ ಬಳಸಿ ಚಲನಚಿತ್ರ ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ (ಕೊಕ್ಕೆಗಳೊಂದಿಗೆ)

ರಿಯಾಕ್ಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಚಲನಚಿತ್ರ ಹುಡುಕಾಟ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸುವುದು ನೀವು ಪ್ರಾರಂಭಿಸಬಹುದಾದ ಮೊದಲ ವಿಷಯವಾಗಿದೆ. ಅಂತಿಮ ಅಪ್ಲಿಕೇಶನ್ ಹೇಗಿರುತ್ತದೆ ಎಂಬುದರ ಚಿತ್ರಣವನ್ನು ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ
ಈ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಿರ್ಮಿಸುವ ಮೂಲಕ, ತುಲನಾತ್ಮಕವಾಗಿ ಹೊಸ ಹುಕ್ಸ್ API ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಪ್ರತಿಕ್ರಿಯೆ ಕೌಶಲ್ಯಗಳನ್ನು ನೀವು ಸುಧಾರಿಸುತ್ತೀರಿ. ಉದಾಹರಣೆ ಯೋಜನೆಯು ರಿಯಾಕ್ಟ್ ಘಟಕಗಳು, ಬಹಳಷ್ಟು ಕೊಕ್ಕೆಗಳು, ಬಾಹ್ಯ API, ಮತ್ತು ಸಹಜವಾಗಿ ಕೆಲವು CSS ಶೈಲಿಯನ್ನು ಬಳಸುತ್ತದೆ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಕೊಕ್ಕೆಗಳೊಂದಿಗೆ ಪ್ರತಿಕ್ರಿಯಿಸಿ
• ರಚಿಸಿ-ಪ್ರತಿಕ್ರಿಯಿಸಿ-ಅಪ್ಲಿಕೇಶನ್
• ಜೆಎಸ್ಎಕ್ಸ್
• ಸಿಎಸ್ಎಸ್

ಯಾವುದೇ ತರಗತಿಗಳನ್ನು ಬಳಸದೆಯೇ, ಈ ಯೋಜನೆಗಳು ನಿಮಗೆ ಕ್ರಿಯಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆಗೆ ಪರಿಪೂರ್ಣ ಪ್ರವೇಶ ಬಿಂದುವನ್ನು ನೀಡುತ್ತವೆ ಮತ್ತು 2020 ರಲ್ಲಿ ಖಂಡಿತವಾಗಿಯೂ ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತವೆ. ನೀವು ಕಂಡುಹಿಡಿಯಬಹುದು ಉದಾಹರಣೆ ಯೋಜನೆ ಇಲ್ಲಿ. ಸೂಚನೆಗಳನ್ನು ಅನುಸರಿಸಿ ಅಥವಾ ಅದನ್ನು ನಿಮ್ಮದಾಗಿಸಿಕೊಳ್ಳಿ.

Vue ನೊಂದಿಗೆ ಚಾಟ್ ಅಪ್ಲಿಕೇಶನ್

ನನ್ನ ಮೆಚ್ಚಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಲೈಬ್ರರಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಚಾಟ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸುವುದು ನೀವು ಮಾಡಬೇಕಾದ ಇನ್ನೊಂದು ಉತ್ತಮ ಯೋಜನೆಯಾಗಿದೆ: VueJS. ಅಪ್ಲಿಕೇಶನ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ
ಈ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿ, ನೀವು ಮೊದಲಿನಿಂದ Vue ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ಮಾಡಬೇಕೆಂದು ಕಲಿಯುವಿರಿ - ಘಟಕಗಳನ್ನು ರಚಿಸುವುದು, ಸ್ಥಿತಿಯನ್ನು ನಿರ್ವಹಿಸುವುದು, ಮಾರ್ಗಗಳನ್ನು ರಚಿಸುವುದು, ಮೂರನೇ ವ್ಯಕ್ತಿಯ ಸೇವೆಗಳಿಗೆ ಸಂಪರ್ಕಿಸುವುದು ಮತ್ತು ದೃಢೀಕರಣವನ್ನು ನಿರ್ವಹಿಸುವುದು.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ವ್ಯೂ
• vuex
• ವ್ಯೂ ರೂಟರ್
• Vue CLI
• ಪಶರ್
• ಸಿಎಸ್ಎಸ್

Vue ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಲು ಅಥವಾ 2020 ರಲ್ಲಿ ಅಭಿವೃದ್ಧಿಗೆ ಬರಲು ನಿಮ್ಮ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಕೌಶಲ್ಯಗಳನ್ನು ಸುಧಾರಿಸಲು ಇದು ನಿಜವಾಗಿಯೂ ಉತ್ತಮ ಯೋಜನೆಯಾಗಿದೆ. ನೀವು ಕಂಡುಹಿಡಿಯಬಹುದು ಟ್ಯುಟೋರಿಯಲ್ ಇಲ್ಲಿ.

ಕೋನೀಯ 8 ನೊಂದಿಗೆ ಸುಂದರವಾದ ಹವಾಮಾನ ಅಪ್ಲಿಕೇಶನ್

ಕೋನೀಯ 8 ಅನ್ನು ಬಳಸಿಕೊಂಡು ಸುಂದರವಾದ ಹವಾಮಾನ ಅಪ್ಲಿಕೇಶನ್ ರಚಿಸಲು ಈ ಉದಾಹರಣೆಯು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ
ಈ ಯೋಜನೆಯು ಮೊದಲಿನಿಂದ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸುವಲ್ಲಿ ಅಮೂಲ್ಯವಾದ ಕೌಶಲ್ಯಗಳನ್ನು ನಿಮಗೆ ಕಲಿಸುತ್ತದೆ - ವಿನ್ಯಾಸದಿಂದ ಅಭಿವೃದ್ಧಿಯ ಮೂಲಕ, ಎಲ್ಲಾ ರೀತಿಯಲ್ಲಿ ನಿಯೋಜನೆ-ಸಿದ್ಧ ಅಪ್ಲಿಕೇಶನ್‌ವರೆಗೆ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಕೋನೀಯ 8
• ಫೈರ್ಬೇಸ್
• ಸರ್ವರ್ ಸೈಡ್ ರೆಂಡರಿಂಗ್
• ಗ್ರಿಡ್ ಮತ್ತು ಫ್ಲೆಕ್ಸ್‌ಬಾಕ್ಸ್‌ನೊಂದಿಗೆ ಸಿಎಸ್ಎಸ್
• ಮೊಬೈಲ್ ಸ್ನೇಹಿ ಮತ್ತು ಹೊಂದಿಕೊಳ್ಳುವಿಕೆ
• ಡಾರ್ಕ್ ಮೋಡ್
• ಸುಂದರ ಇಂಟರ್ಫೇಸ್

ಈ ಎಲ್ಲವನ್ನೂ ಒಳಗೊಳ್ಳುವ ಯೋಜನೆಯ ಬಗ್ಗೆ ನಾನು ನಿಜವಾಗಿಯೂ ಇಷ್ಟಪಡುವ ವಿಷಯವೆಂದರೆ ನೀವು ಪ್ರತ್ಯೇಕವಾಗಿ ವಿಷಯಗಳನ್ನು ಅಧ್ಯಯನ ಮಾಡುವುದಿಲ್ಲ. ಬದಲಾಗಿ, ವಿನ್ಯಾಸದಿಂದ ಅಂತಿಮ ನಿಯೋಜನೆಯವರೆಗೆ ಸಂಪೂರ್ಣ ಅಭಿವೃದ್ಧಿ ಪ್ರಕ್ರಿಯೆಯನ್ನು ನೀವು ಕಲಿಯುತ್ತೀರಿ.

Svelte ಬಳಸಿಕೊಂಡು ಮಾಡಬೇಕಾದ ಅಪ್ಲಿಕೇಶನ್

ಸ್ವೆಲ್ಟೆ ಘಟಕ-ಆಧಾರಿತ ವಿಧಾನದ ಹೊಸ ಮಗುವಿನಂತೆ - ಕನಿಷ್ಠ ರಿಯಾಕ್ಟ್, ವ್ಯೂ ಮತ್ತು ಆಂಗ್ಯುಲರ್ ಅನ್ನು ಹೋಲುತ್ತದೆ. ಮತ್ತು ಇದು 2020 ರ ಹೊಸ ಉತ್ಪನ್ನಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ.

ಮಾಡಬೇಕಾದ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಅತ್ಯಂತ ಹೆಚ್ಚು ವಿಷಯವಲ್ಲ, ಆದರೆ ಇದು ನಿಜವಾಗಿಯೂ ನಿಮ್ಮ ಸ್ವೆಲ್ಟೆ ಕೌಶಲ್ಯಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಇದು ಈ ರೀತಿ ಕಾಣಿಸುತ್ತದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ
ಈ ಟ್ಯುಟೋರಿಯಲ್ ಪ್ರಾರಂಭದಿಂದ ಕೊನೆಯವರೆಗೆ Svelte 3 ಅನ್ನು ಬಳಸಿಕೊಂಡು ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ. ನೀವು ಘಟಕಗಳು, ಸ್ಟೈಲಿಂಗ್ ಮತ್ತು ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್‌ಗಳನ್ನು ಬಳಸುತ್ತೀರಿ

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಸ್ವೆಲ್ಟ್ 3
• ಘಟಕಗಳು
• CSS ನೊಂದಿಗೆ ಸ್ಟೈಲಿಂಗ್
• ES 6 ಸಿಂಟ್ಯಾಕ್ಸ್

ಅನೇಕ ಉತ್ತಮ Svelte ಸ್ಟಾರ್ಟರ್ ಯೋಜನೆಗಳಿಲ್ಲ, ಹಾಗಾಗಿ ನಾನು ಕಂಡುಕೊಂಡಿದ್ದೇನೆ ಪ್ರಾರಂಭಿಸಲು ಇದು ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಿದೆ.

Next.js ಬಳಸಿಕೊಂಡು ಇ-ಕಾಮರ್ಸ್ ಅಪ್ಲಿಕೇಶನ್

Next.js ಎಂಬುದು ಬಾಕ್ಸ್‌ನ ಹೊರಗೆ ಸರ್ವರ್-ಸೈಡ್ ರೆಂಡರಿಂಗ್ ಅನ್ನು ಬೆಂಬಲಿಸುವ ರಿಯಾಕ್ಟ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಫ್ರೇಮ್‌ವರ್ಕ್ ಆಗಿದೆ.

ಈ ಯೋಜನೆಯು ಈ ರೀತಿ ಕಾಣುವ ಇ-ಕಾಮರ್ಸ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ
ಈ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ, Next.js-ಹೊಸ ಪುಟಗಳು ಮತ್ತು ಘಟಕಗಳನ್ನು ರಚಿಸುವುದು, ಡೇಟಾ ಮತ್ತು ಶೈಲಿಯನ್ನು ಹೊರತೆಗೆಯುವುದು ಮತ್ತು ಮುಂದಿನ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಿಯೋಜಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ನೀವು ಕಲಿಯುವಿರಿ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಮುಂದೆ
• ಘಟಕಗಳು ಮತ್ತು ಪುಟಗಳು
• ಡೇಟಾ ಮಾದರಿ
• ಶೈಲೀಕರಣ
• ಯೋಜನೆಯ ನಿಯೋಜನೆ
• SSR ಮತ್ತು SPA

ಹೊಸದನ್ನು ಕಲಿಯಲು ಇ-ಕಾಮರ್ಸ್ ಅಪ್ಲಿಕೇಶನ್‌ನಂತಹ ನೈಜ-ಪ್ರಪಂಚದ ಉದಾಹರಣೆಯನ್ನು ಹೊಂದಲು ಯಾವಾಗಲೂ ಉತ್ತಮವಾಗಿದೆ. ನಿನ್ನಿಂದ ಸಾಧ್ಯ ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ಇಲ್ಲಿ ಹುಡುಕಿ.

Nuxt.js ಜೊತೆಗೆ ಪೂರ್ಣ ಪ್ರಮಾಣದ ಬಹುಭಾಷಾ ಬ್ಲಾಗ್

Nuxt.js Vue ಗಾಗಿ, Next.js ಏನೆಂದರೆ ರಿಯಾಕ್ಟ್: ಸರ್ವರ್-ಸೈಡ್ ರೆಂಡರಿಂಗ್ ಮತ್ತು ಏಕ-ಪುಟ ಅಪ್ಲಿಕೇಶನ್‌ಗಳ ಶಕ್ತಿಯನ್ನು ಸಂಯೋಜಿಸಲು ಉತ್ತಮ ಚೌಕಟ್ಟು
ನೀವು ರಚಿಸಬಹುದಾದ ಅಂತಿಮ ಅಪ್ಲಿಕೇಶನ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ

ಈ ಮಾದರಿ ಯೋಜನೆಯಲ್ಲಿ, ಆರಂಭಿಕ ಸೆಟಪ್‌ನಿಂದ ಅಂತಿಮ ನಿಯೋಜನೆಯವರೆಗೆ Nuxt.js ಅನ್ನು ಬಳಸಿಕೊಂಡು ಸಂಪೂರ್ಣ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ನೀವು ಕಲಿಯುವಿರಿ.

ಇದು Nuxt ಒದಗಿಸುವ ಪುಟಗಳು ಮತ್ತು ಘಟಕಗಳು ಮತ್ತು SCSS ನೊಂದಿಗೆ ಸ್ಟೈಲಿಂಗ್‌ನಂತಹ ಅನೇಕ ತಂಪಾದ ವೈಶಿಷ್ಟ್ಯಗಳ ಪ್ರಯೋಜನವನ್ನು ಪಡೆಯುತ್ತದೆ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• Nuxt.js
• ಘಟಕಗಳು ಮತ್ತು ಪುಟಗಳು
• ಸ್ಟೋರಿಬ್ಲಾಕ್ ಮಾಡ್ಯೂಲ್
• ಹ್ಯಾಗ್ಫಿಶ್
• ರಾಜ್ಯ ನಿರ್ವಹಣೆಗಾಗಿ Vuex
• ಸ್ಟೈಲಿಂಗ್‌ಗಾಗಿ SCSS
• ನಕ್ಸ್ಟ್ ಮಿಡಲ್ವೇರ್ಸ್

ಇದು ನಿಜವಾಗಿಯೂ ತಂಪಾದ ಯೋಜನೆಯಾಗಿದೆ, ಇದು ಅನೇಕ ಉತ್ತಮ Nuxt.js ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ನಾನು ವೈಯಕ್ತಿಕವಾಗಿ Nuxt ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಇಷ್ಟಪಡುತ್ತೇನೆ ಆದ್ದರಿಂದ ನೀವು ಇದನ್ನು ಪ್ರಯತ್ನಿಸಬೇಕು ಏಕೆಂದರೆ ಅದು ನಿಮ್ಮನ್ನು ಉತ್ತಮ Vue ಡೆವಲಪರ್ ಮಾಡುತ್ತದೆ.

Gatsby ಜೊತೆ ಬ್ಲಾಗ್

ಗ್ಯಾಟ್ಸ್‌ಬಿ ರಿಯಾಕ್ಟ್ ಮತ್ತು ಗ್ರಾಫ್‌ಕ್ಯೂಎಲ್ ಅನ್ನು ಬಳಸುವ ಅತ್ಯುತ್ತಮ ಸ್ಥಿರ ಸೈಟ್ ಜನರೇಟರ್ ಆಗಿದೆ. ಇದು ಯೋಜನೆಯ ಫಲಿತಾಂಶವಾಗಿದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ

ಈ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿ, ರಿಯಾಕ್ಟ್ ಮತ್ತು ಗ್ರಾಫ್ ಕ್ಯೂಎಲ್ ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಸ್ವಂತ ಲೇಖನಗಳನ್ನು ಬರೆಯಲು ನೀವು ಬಳಸುವ ಬ್ಲಾಗ್ ಅನ್ನು ರಚಿಸಲು ಗ್ಯಾಟ್ಸ್‌ಬೈ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ನೀವು ಕಲಿಯುವಿರಿ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಗ್ಯಾಟ್ಸ್‌ಬಿ
• ಪ್ರತಿಕ್ರಿಯಿಸು
• ಗ್ರಾಫ್‌ಕ್ಯೂಎಲ್
• ಪ್ಲಗಿನ್‌ಗಳು ಮತ್ತು ಥೀಮ್‌ಗಳು
• MDX/ಮಾರ್ಕ್‌ಡೌನ್
• ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ CSS
• ಟೆಂಪ್ಲೇಟ್ಗಳು

ನೀವು ಎಂದಾದರೂ ಬ್ಲಾಗ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಲು ಬಯಸಿದರೆ, ಇದು ಒಂದು ಉತ್ತಮ ಉದಾಹರಣೆಯಾಗಿದೆ ರಿಯಾಕ್ಟ್ ಮತ್ತು ಗ್ರಾಫ್ಕ್ಯುಎಲ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಅದನ್ನು ಹೇಗೆ ತಯಾರಿಸುವುದು ಎಂಬುದರ ಕುರಿತು.

ನಾನು WordPress ಒಂದು ಕೆಟ್ಟ ಆಯ್ಕೆ ಎಂದು ಹೇಳುತ್ತಿಲ್ಲ, ಆದರೆ Gatsby ನೊಂದಿಗೆ ನೀವು React ಬಳಸಿಕೊಂಡು ಉನ್ನತ-ಕಾರ್ಯಕ್ಷಮತೆಯ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಬಹುದು - ಇದು ಅದ್ಭುತ ಸಂಯೋಜನೆಯಾಗಿದೆ.

ಗ್ರಿಡ್ಸಮ್ ಜೊತೆ ಬ್ಲಾಗ್

Vue ಗೆ ಗ್ರಿಡ್ಸಮ್... ಸರಿ, ನಾವು ಈಗಾಗಲೇ ಇದನ್ನು Next/Nuxt ಜೊತೆಗೆ ಹೊಂದಿದ್ದೇವೆ.
ಆದರೆ ಗ್ರಿಡ್‌ಸಮ್ ಮತ್ತು ಗ್ಯಾಟ್ಸ್‌ಬೈಗೆ ಇದು ನಿಜ. ಇಬ್ಬರೂ ತಮ್ಮ ಡೇಟಾ ಲೇಯರ್ ಆಗಿ GraphQL ಅನ್ನು ಬಳಸುತ್ತಾರೆ, ಆದರೆ Gridsome VueJS ಅನ್ನು ಬಳಸುತ್ತದೆ. ಇದು ಅದ್ಭುತವಾದ ಸ್ಥಿರ ಸೈಟ್ ಜನರೇಟರ್ ಆಗಿದ್ದು ಅದು ನಿಮಗೆ ಉತ್ತಮ ಬ್ಲಾಗ್‌ಗಳನ್ನು ರಚಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ

Gridsome, GraphQL ಮತ್ತು Markdown ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಲು ಸರಳವಾದ ಬ್ಲಾಗ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಈ ಯೋಜನೆಯು ನಿಮಗೆ ಕಲಿಸುತ್ತದೆ. Netlify ಮೂಲಕ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ನಿಯೋಜಿಸಬೇಕು ಎಂಬುದನ್ನು ಸಹ ಇದು ಒಳಗೊಂಡಿದೆ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಗ್ರಿಡ್ಸಮ್
• ವ್ಯೂ
• ಗ್ರಾಫ್‌ಕ್ಯೂಎಲ್
• ಗುರುತು ಮಾಡಿಕೊಳ್ಳಿ
• ನೆಟ್ಲಿಫೈ

ಇದು ನಿಸ್ಸಂಶಯವಾಗಿ ಅತ್ಯಂತ ಸಮಗ್ರವಾದ ಟ್ಯುಟೋರಿಯಲ್ ಅಲ್ಲ, ಆದರೆ ಇದು ಗ್ರಿಡ್ಸಮ್ ಮತ್ತು ಮೂಲಭೂತ ಪರಿಕಲ್ಪನೆಗಳನ್ನು ಒಳಗೊಂಡಿದೆ ಮಾರ್ಕ್‌ಡೌನ್ ಉತ್ತಮ ಆರಂಭದ ಹಂತವಾಗಿರಬಹುದು.

Quasar ಅನ್ನು ಬಳಸುವ ಸೌಂಡ್‌ಕ್ಲೌಡ್ ತರಹದ ಆಡಿಯೊ ಪ್ಲೇಯರ್

Quasar ಎಂಬುದು ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ರಚಿಸಲು ಬಳಸಬಹುದಾದ ಮತ್ತೊಂದು Vue ಫ್ರೇಮ್‌ವರ್ಕ್ ಆಗಿದೆ. ಈ ಯೋಜನೆಯಲ್ಲಿ ನೀವು ಆಡಿಯೊ ಪ್ಲೇಯರ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸುತ್ತೀರಿ, ಉದಾಹರಣೆಗೆ:

ನೀವು ಏನು ಕಲಿಯುವಿರಿ

ಇತರ ಯೋಜನೆಗಳು ಮುಖ್ಯವಾಗಿ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುತ್ತವೆ, Vue ಮತ್ತು Quasar ಫ್ರೇಮ್‌ವರ್ಕ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು ಎಂಬುದನ್ನು ಇದು ನಿಮಗೆ ತೋರಿಸುತ್ತದೆ.
ಆಂಡ್ರಾಯ್ಡ್ ಸ್ಟುಡಿಯೋ/ಎಕ್ಸ್‌ಕೋಡ್ ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾದ ಕಾರ್ಡೋವಾವನ್ನು ನೀವು ಈಗಾಗಲೇ ಹೊಂದಿರಬೇಕು. ಇಲ್ಲದಿದ್ದರೆ, ಕೈಪಿಡಿಯು ಕ್ವೇಸರ್ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಲಿಂಕ್ ಅನ್ನು ಹೊಂದಿದೆ, ಅಲ್ಲಿ ಅವರು ಎಲ್ಲವನ್ನೂ ಹೇಗೆ ಹೊಂದಿಸಬೇಕು ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತಾರೆ.

ಟೆಕ್ ಸ್ಟಾಕ್ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯಗಳು

• ಕ್ವಾಸರ್
• ವ್ಯೂ
• , Omaha
• ವೇವ್ ಸರ್ಫರ್
• UI ಘಟಕಗಳು

ಸಣ್ಣ ಯೋಜನೆ, ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ರಚಿಸಲು ಕ್ವೇಸರ್‌ನ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಫಾರ್ಮ್

ಮೃದುವಾದ ಮತ್ತು ಆನಂದಿಸಬಹುದಾದ ಸೂಕ್ಷ್ಮ ಸಂವಾದಗಳೊಂದಿಗೆ ತಂಪಾದ ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಆಕಾರ. ಸಂಖ್ಯೆ ಫಾರ್ಮ್ಯಾಟಿಂಗ್, ಪರಿಶೀಲನೆ ಮತ್ತು ಸ್ವಯಂಚಾಲಿತ ಕಾರ್ಡ್ ಪ್ರಕಾರ ಪತ್ತೆಯನ್ನು ಒಳಗೊಂಡಿದೆ. ಇದನ್ನು Vue.js ನಲ್ಲಿ ನಿರ್ಮಿಸಲಾಗಿದೆ ಮತ್ತು ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಪಂದಿಸುತ್ತದೆ. (ನೀವು ನೋಡಬಹುದು ಇಲ್ಲಿ.)

ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್-ಫಾರ್ಮ್

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಫಾರ್ಮ್‌ಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿ ಮತ್ತು ಮೌಲ್ಯೀಕರಿಸಿ
• ಈವೆಂಟ್‌ಗಳನ್ನು ನಿರ್ವಹಿಸಿ (ಉದಾಹರಣೆಗೆ, ಕ್ಷೇತ್ರಗಳು ಬದಲಾದಾಗ)
• ಪುಟದಲ್ಲಿ ಅಂಶಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವುದು ಮತ್ತು ಇರಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ, ವಿಶೇಷವಾಗಿ ಫಾರ್ಮ್‌ನ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಕಂಡುಬರುವ ಕ್ರೆಡಿಟ್ ಕಾರ್ಡ್ ಮಾಹಿತಿ

ಬಾರ್ ಗ್ರಾಫ್

ಹಿಸ್ಟೋಗ್ರಾಮ್ ಎನ್ನುವುದು ಚಾರ್ಟ್ ಅಥವಾ ಗ್ರಾಫ್ ಆಗಿದ್ದು ಅದು ಪ್ರತಿನಿಧಿಸುವ ಮೌಲ್ಯಗಳಿಗೆ ಅನುಗುಣವಾಗಿ ಎತ್ತರಗಳು ಅಥವಾ ಉದ್ದಗಳೊಂದಿಗೆ ಆಯತಾಕಾರದ ಬಾರ್‌ಗಳೊಂದಿಗೆ ವರ್ಗೀಯ ಡೇಟಾವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.

ಅವುಗಳನ್ನು ಲಂಬವಾಗಿ ಅಥವಾ ಅಡ್ಡಲಾಗಿ ಅನ್ವಯಿಸಬಹುದು. ಲಂಬ ಬಾರ್ ಚಾರ್ಟ್ ಅನ್ನು ಕೆಲವೊಮ್ಮೆ ಲೈನ್ ಚಾರ್ಟ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ರಚನಾತ್ಮಕ ಮತ್ತು ಅರ್ಥವಾಗುವ ರೀತಿಯಲ್ಲಿ ಡೇಟಾವನ್ನು ಪ್ರದರ್ಶಿಸಿ
• ಹೆಚ್ಚುವರಿಯಾಗಿ: ಅಂಶವನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಿರಿ canvas ಮತ್ತು ಅದರೊಂದಿಗೆ ಅಂಶಗಳನ್ನು ಹೇಗೆ ಸೆಳೆಯುವುದು

ಇದು ನೀವು ವಿಶ್ವ ಜನಸಂಖ್ಯೆಯ ಡೇಟಾವನ್ನು ಕಾಣಬಹುದು. ಅವುಗಳನ್ನು ವರ್ಷದಿಂದ ವಿಂಗಡಿಸಲಾಗಿದೆ.

ಟ್ವಿಟರ್ ಹಾರ್ಟ್ ಅನಿಮೇಷನ್

2016 ರಲ್ಲಿ, Twitter ತನ್ನ ಟ್ವೀಟ್‌ಗಳಿಗಾಗಿ ಈ ಅದ್ಭುತ ಅನಿಮೇಷನ್ ಅನ್ನು ಪರಿಚಯಿಸಿತು. 2019 ರ ಹೊತ್ತಿಗೆ, ಇದು ಇನ್ನೂ ಭಾಗವಾಗಿ ಕಾಣುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವೇ ಏಕೆ ರಚಿಸಬಾರದು?

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಿ keyframes
• HTML ಅಂಶಗಳನ್ನು ಕುಶಲತೆಯಿಂದ ಮತ್ತು ಅನಿಮೇಟ್ ಮಾಡಿ
• JavaScript, HTML ಮತ್ತು CSS ಅನ್ನು ಸಂಯೋಜಿಸಿ

ಹುಡುಕಬಹುದಾದ GitHub ರೆಪೊಸಿಟರಿಗಳು

ಇಲ್ಲಿ ಅಲಂಕಾರಿಕ ಏನೂ ಇಲ್ಲ - GitHub ರೆಪೊಸಿಟರಿಗಳು ಕೇವಲ ವೈಭವೀಕರಿಸಿದ ಪಟ್ಟಿಯಾಗಿದೆ.
ರೆಪೊಸಿಟರಿಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವುದು ಮತ್ತು ಬಳಕೆದಾರರಿಗೆ ಅವುಗಳನ್ನು ಫಿಲ್ಟರ್ ಮಾಡಲು ಅವಕಾಶ ನೀಡುವುದು ಗುರಿಯಾಗಿದೆ. ಬಳಸಿ ಅಧಿಕೃತ GitHub API ಪ್ರತಿ ಬಳಕೆದಾರರಿಗಾಗಿ ರೆಪೊಸಿಟರಿಗಳನ್ನು ಪಡೆಯಲು.

GitHub ಪ್ರೊಫೈಲ್ ಪುಟ - github.com/indreklasn

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• API ನಿಂದ ಡೇಟಾವನ್ನು ಸ್ವೀಕರಿಸಿ
• API ನಿಂದ ಡೇಟಾವನ್ನು ಪ್ರದರ್ಶಿಸಿ
• ಪ್ರತಿ ಹುಡುಕಾಟಕ್ಕೆ ಸಂಬಂಧಿತ ಡೇಟಾವನ್ನು ಫಿಲ್ಟರ್ ಮಾಡಿ ಮತ್ತು ತೋರಿಸಿ
• ಐಚ್ಛಿಕ: ನೀವು ಸವಾಲಿಗೆ ಸಿದ್ಧರಾಗಿದ್ದರೆ, ಬಳಸಿ API v4, GraphQL ಬಳಸಿ ನಿರ್ಮಿಸಲಾಗಿದೆ. ನೀವು GraphQL ಕಲಿಯಲು ಬಯಸಿದರೆ, ನನ್ನ ಹಿಂದಿನ ಲೇಖನಗಳಲ್ಲಿ ಒಂದಕ್ಕೆ ಹೋಗಿ.

ರೆಡ್ಡಿಟ್ ಶೈಲಿಯ ಚಾಟ್‌ಗಳು

ಚಾಟ್‌ಗಳು ಅವುಗಳ ಸರಳತೆ ಮತ್ತು ಬಳಕೆಯ ಸುಲಭತೆಯಿಂದಾಗಿ ಸಂವಹನದ ಜನಪ್ರಿಯ ಮಾರ್ಗವಾಗಿದೆ. ಆದರೆ ಆಧುನಿಕ ಚಾಟ್ ರೂಮ್‌ಗಳಿಗೆ ನಿಜವಾಗಿಯೂ ಯಾವುದು ಇಂಧನವಾಗಿದೆ? ವೆಬ್‌ಸಾಕೆಟ್‌ಗಳು!

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• WebSockets, ನೈಜ-ಸಮಯದ ಸಂವಹನ ಮತ್ತು ಡೇಟಾ ನವೀಕರಣಗಳನ್ನು ಬಳಸಿ
• ಬಳಕೆದಾರರ ಪ್ರವೇಶ ಮಟ್ಟಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಿ (ಉದಾಹರಣೆಗೆ, ಚಾಟ್ ಚಾನಲ್‌ನ ಮಾಲೀಕರು ಪಾತ್ರವನ್ನು ಹೊಂದಿರುತ್ತಾರೆ admin, ಮತ್ತು ಕೋಣೆಯಲ್ಲಿ ಇತರರು - user)
• ಫಾರ್ಮ್‌ಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿ ಮತ್ತು ಮೌಲ್ಯೀಕರಿಸಿ - ನೆನಪಿಡಿ, ಸಂದೇಶವನ್ನು ಕಳುಹಿಸಲು ಚಾಟ್ ವಿಂಡೋ input
• ವಿಭಿನ್ನ ಚಾಟ್‌ಗಳನ್ನು ರಚಿಸಿ ಮತ್ತು ಸೇರಿಕೊಳ್ಳಿ
• ವೈಯಕ್ತಿಕ ಸಂದೇಶಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಿ. ಬಳಕೆದಾರರು ಇತರ ಬಳಕೆದಾರರೊಂದಿಗೆ ಖಾಸಗಿಯಾಗಿ ಚಾಟ್ ಮಾಡಬಹುದು. ಮೂಲಭೂತವಾಗಿ, ನೀವು ಎರಡು ಬಳಕೆದಾರರ ನಡುವೆ WebSocket ಸಂಪರ್ಕವನ್ನು ಸ್ಥಾಪಿಸುವಿರಿ.

ಸ್ಟ್ರೈಪ್ ಶೈಲಿಯ ಸಂಚರಣೆ

ಈ ನ್ಯಾವಿಗೇಷನ್ ಅನ್ನು ಅನನ್ಯವಾಗಿಸುವುದು ಏನೆಂದರೆ ಪಾಪೋವರ್ ಕಂಟೇನರ್ ವಿಷಯಕ್ಕೆ ಸರಿಹೊಂದುವಂತೆ ರೂಪಾಂತರಗೊಳ್ಳುತ್ತದೆ. ಹೊಸ ಪಾಪೋವರ್ ಅನ್ನು ತೆರೆಯುವ ಮತ್ತು ಮುಚ್ಚುವ ಸಾಂಪ್ರದಾಯಿಕ ನಡವಳಿಕೆಗೆ ಹೋಲಿಸಿದರೆ ಈ ಪರಿವರ್ತನೆಗೆ ಒಂದು ಸೊಬಗು ಇದೆ.

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಪರಿವರ್ತನೆಗಳೊಂದಿಗೆ CSS ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಸಂಯೋಜಿಸಿ
• ವಿಷಯವನ್ನು ಮಂದಗೊಳಿಸಿ ಮತ್ತು ತೇಲುವ ಅಂಶಕ್ಕೆ ಸಕ್ರಿಯ ವರ್ಗವನ್ನು ಅನ್ವಯಿಸಿ

Pacman

Pacman ನ ನಿಮ್ಮ ಸ್ವಂತ ಆವೃತ್ತಿಯನ್ನು ರಚಿಸಿ. ಆಟಗಳನ್ನು ಹೇಗೆ ಅಭಿವೃದ್ಧಿಪಡಿಸಲಾಗಿದೆ ಎಂಬುದರ ಕಲ್ಪನೆಯನ್ನು ಪಡೆಯಲು ಮತ್ತು ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಇದು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್, ರಿಯಾಕ್ಟ್ ಅಥವಾ ವ್ಯೂ ಬಳಸಿ.

ನೀವು ಕಲಿಯುವಿರಿ:

• ಅಂಶಗಳು ಹೇಗೆ ಚಲಿಸುತ್ತವೆ
• ಯಾವ ಕೀಲಿಗಳನ್ನು ಒತ್ತಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸುವುದು ಹೇಗೆ
• ಘರ್ಷಣೆಯ ಕ್ಷಣವನ್ನು ಹೇಗೆ ನಿರ್ಧರಿಸುವುದು
• ನೀವು ಮುಂದೆ ಹೋಗಬಹುದು ಮತ್ತು ಪ್ರೇತ ಚಲನೆಯ ನಿಯಂತ್ರಣವನ್ನು ಸೇರಿಸಬಹುದು

ಈ ಯೋಜನೆಯ ಉದಾಹರಣೆಯನ್ನು ನೀವು ಕಾಣಬಹುದು ಭಂಡಾರದಲ್ಲಿ GitHub

ಬಳಕೆದಾರ ನಿರ್ವಹಣೆ

ಯೋಜನೆಯು ಭಂಡಾರದಲ್ಲಿ GitHub

ಬಳಕೆದಾರ ಆಡಳಿತಕ್ಕಾಗಿ CRUD ಪ್ರಕಾರದ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸುವುದು ಅಭಿವೃದ್ಧಿಯ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ನಿಮಗೆ ಕಲಿಸುತ್ತದೆ. ಹೊಸ ಡೆವಲಪರ್‌ಗಳಿಗೆ ಇದು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ.

ನೀವು ಕಲಿಯುವಿರಿ:

• ರೂಟಿಂಗ್ ಎಂದರೇನು
• ಡೇಟಾ ಎಂಟ್ರಿ ಫಾರ್ಮ್‌ಗಳನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸುವುದು ಮತ್ತು ಬಳಕೆದಾರರು ಏನು ನಮೂದಿಸಿದ್ದಾರೆ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸುವುದು ಹೇಗೆ
• ಡೇಟಾಬೇಸ್‌ನೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುವುದು - ಕ್ರಿಯೆಗಳನ್ನು ರಚಿಸಿ, ಓದಿ, ನವೀಕರಿಸಿ ಮತ್ತು ಅಳಿಸಿ

ನಿಮ್ಮ ಸ್ಥಳದಲ್ಲಿ ಹವಾಮಾನವನ್ನು ಪರಿಶೀಲಿಸಲಾಗುತ್ತಿದೆ

ಯೋಜನೆಯು ಭಂಡಾರದಲ್ಲಿ GitHub

ನೀವು ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ರಚಿಸಲು ಬಯಸಿದರೆ, ಹವಾಮಾನ ಅಪ್ಲಿಕೇಶನ್‌ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ. ಈ ಯೋಜನೆಯನ್ನು ಸ್ವಿಫ್ಟ್ ಬಳಸಿ ಪೂರ್ಣಗೊಳಿಸಬಹುದು.

ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಿರ್ಮಿಸುವ ಅನುಭವವನ್ನು ಪಡೆಯುವುದರ ಜೊತೆಗೆ, ನೀವು ಕಲಿಯುವಿರಿ:

• API ನೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುವುದು
• ಜಿಯೋಲೋಕಲೈಸೇಶನ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು
• ಪಠ್ಯ ಇನ್‌ಪುಟ್ ಸೇರಿಸುವ ಮೂಲಕ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೆಚ್ಚು ಕ್ರಿಯಾತ್ಮಕಗೊಳಿಸಿ. ಅದರಲ್ಲಿ, ಬಳಕೆದಾರರು ನಿರ್ದಿಷ್ಟ ಸ್ಥಳದಲ್ಲಿ ಹವಾಮಾನವನ್ನು ಪರಿಶೀಲಿಸಲು ತಮ್ಮ ಸ್ಥಳವನ್ನು ನಮೂದಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ.

ನಿಮಗೆ API ಅಗತ್ಯವಿದೆ. ಹವಾಮಾನ ಡೇಟಾವನ್ನು ಪಡೆಯಲು, OpenWeather API ಬಳಸಿ. OpenWeather API ಕುರಿತು ಹೆಚ್ಚಿನ ಮಾಹಿತಿ ಇಲ್ಲಿ.

ಚಾಟ್ ವಿಂಡೋ

ನನ್ನ ಚಾಟ್ ವಿಂಡೋ ಕ್ರಿಯೆಯಲ್ಲಿದೆ, ಎರಡು ಬ್ರೌಸರ್ ಟ್ಯಾಬ್‌ಗಳಲ್ಲಿ ತೆರೆಯಿರಿ

ಚಾಟ್ ವಿಂಡೋವನ್ನು ರಚಿಸುವುದು ಸಾಕೆಟ್‌ಗಳೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಲು ಪರಿಪೂರ್ಣ ಮಾರ್ಗವಾಗಿದೆ. ಟೆಕ್ ಸ್ಟಾಕ್ನ ಆಯ್ಕೆಯು ದೊಡ್ಡದಾಗಿದೆ. Node.js, ಉದಾಹರಣೆಗೆ, ಪರಿಪೂರ್ಣವಾಗಿದೆ.

ಸಾಕೆಟ್ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಮತ್ತು ಅವುಗಳನ್ನು ಹೇಗೆ ಕಾರ್ಯಗತಗೊಳಿಸಬೇಕು ಎಂಬುದನ್ನು ನೀವು ಕಲಿಯುವಿರಿ. ಇದು ಈ ಯೋಜನೆಯ ಮುಖ್ಯ ಪ್ರಯೋಜನವಾಗಿದೆ.

ನೀವು ಸಾಕೆಟ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಬಯಸುವ ಲಾರಾವೆಲ್ ಡೆವಲಪರ್ ಆಗಿದ್ದರೆ, ನನ್ನ ಓದಿ ಲೇಖನ

ಗಿಟ್ಲ್ಯಾಬ್ ಸಿಐ

ಮೂಲ

ನೀವು ನಿರಂತರ ಏಕೀಕರಣಕ್ಕೆ (CI) ಹೊಸಬರಾಗಿದ್ದರೆ, GitLab CI ಜೊತೆಗೆ ಆಟವಾಡಿ. ಕೆಲವು ಪರಿಸರಗಳನ್ನು ಹೊಂದಿಸಿ ಮತ್ತು ಒಂದೆರಡು ಪರೀಕ್ಷೆಗಳನ್ನು ಚಲಾಯಿಸಲು ಪ್ರಯತ್ನಿಸಿ. ಇದು ತುಂಬಾ ಕಷ್ಟಕರವಾದ ಯೋಜನೆ ಅಲ್ಲ, ಆದರೆ ನೀವು ಇದರಿಂದ ಬಹಳಷ್ಟು ಕಲಿಯುವಿರಿ ಎಂದು ನನಗೆ ಖಾತ್ರಿಯಿದೆ. ಅನೇಕ ಅಭಿವೃದ್ಧಿ ತಂಡಗಳು ಈಗ CI ಅನ್ನು ಬಳಸುತ್ತಿವೆ. ಅದನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿದುಕೊಳ್ಳುವುದು ಉಪಯುಕ್ತವಾಗಿದೆ.

ನೀವು ಕಲಿಯುವಿರಿ:

• GitLab CI ಎಂದರೇನು
• ಹೇಗೆ ಕಾನ್ಫಿಗರ್ ಮಾಡುವುದು .gitlab-ci.ymlಇದು GitLab ಬಳಕೆದಾರರಿಗೆ ಏನು ಮಾಡಬೇಕೆಂದು ಹೇಳುತ್ತದೆ
• ಇತರ ಪರಿಸರಗಳಿಗೆ ಹೇಗೆ ನಿಯೋಜಿಸುವುದು

ವೆಬ್‌ಸೈಟ್ ವಿಶ್ಲೇಷಕ

ವೆಬ್‌ಸೈಟ್‌ಗಳ ಶಬ್ದಾರ್ಥವನ್ನು ವಿಶ್ಲೇಷಿಸುವ ಮತ್ತು ಅವುಗಳ ರೇಟಿಂಗ್ ಅನ್ನು ರಚಿಸುವ ಸ್ಕ್ರಾಪರ್ ಅನ್ನು ಮಾಡಿ. ಉದಾಹರಣೆಗೆ, ಚಿತ್ರಗಳಲ್ಲಿ ಕಾಣೆಯಾದ ಆಲ್ಟ್ ಟ್ಯಾಗ್‌ಗಳನ್ನು ನೀವು ಪರಿಶೀಲಿಸಬಹುದು. ಅಥವಾ ಪುಟವು SEO ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಹೊಂದಿದೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ. ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಇಲ್ಲದೆಯೇ ಸ್ಕ್ರಾಪರ್ ಅನ್ನು ರಚಿಸಬಹುದು.

ನೀವು ಕಲಿಯುವಿರಿ:

• ಸ್ಕ್ರಾಪರ್ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ?
• DOM ಸೆಲೆಕ್ಟರ್‌ಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು
• ಅಲ್ಗಾರಿದಮ್ ಅನ್ನು ಹೇಗೆ ಬರೆಯುವುದು
• ನೀವು ಅಲ್ಲಿ ನಿಲ್ಲಿಸಲು ಬಯಸದಿದ್ದರೆ, ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ರಚಿಸಿ. ನೀವು ಪರಿಶೀಲಿಸುವ ಪ್ರತಿಯೊಂದು ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿಯೂ ನೀವು ವರದಿಯನ್ನು ರಚಿಸಬಹುದು.

ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕ್ಗಳಲ್ಲಿ ಭಾವನೆ ಪತ್ತೆ

ಮೂಲ

ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮದಲ್ಲಿ ಸೆಂಟಿಮೆಂಟ್ ಪತ್ತೆ ಯಂತ್ರ ಕಲಿಕೆಗೆ ಪರಿಚಯಿಸಲು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ.

ನೀವು ಕೇವಲ ಒಂದು ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕ್ ಅನ್ನು ವಿಶ್ಲೇಷಿಸುವ ಮೂಲಕ ಪ್ರಾರಂಭಿಸಬಹುದು. ಪ್ರತಿಯೊಬ್ಬರೂ ಸಾಮಾನ್ಯವಾಗಿ ಟ್ವಿಟರ್‌ನಿಂದ ಪ್ರಾರಂಭಿಸುತ್ತಾರೆ.

ನೀವು ಈಗಾಗಲೇ ಯಂತ್ರ ಕಲಿಕೆಯ ಅನುಭವವನ್ನು ಹೊಂದಿದ್ದರೆ, ವಿವಿಧ ಸಾಮಾಜಿಕ ನೆಟ್‌ವರ್ಕ್‌ಗಳಿಂದ ಡೇಟಾವನ್ನು ಸಂಗ್ರಹಿಸಲು ಮತ್ತು ಅವುಗಳನ್ನು ಸಂಯೋಜಿಸಲು ಪ್ರಯತ್ನಿಸಿ.

ನೀವು ಕಲಿಯುವಿರಿ:

• ಯಂತ್ರ ಕಲಿಕೆ ಎಂದರೇನು

ಟ್ರೆಲ್ಲೋ ಕ್ಲೋನ್

ಇಂಡ್ರೆಕ್ ಲಾಸ್ನ್‌ನಿಂದ ಟ್ರೆಲ್ಲೊ ಕ್ಲೋನ್.

ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ವಿನಂತಿಯನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವ ಮಾರ್ಗಗಳ ಸಂಘಟನೆ (ರೂಟಿಂಗ್).
• ಎಳೆಯಿರಿ ಮತ್ತು ಬಿಡಿ.
• ಹೊಸ ವಸ್ತುಗಳನ್ನು ಹೇಗೆ ರಚಿಸುವುದು (ಬೋರ್ಡ್‌ಗಳು, ಪಟ್ಟಿಗಳು, ಕಾರ್ಡ್‌ಗಳು).
• ಇನ್ಪುಟ್ ಡೇಟಾವನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವುದು ಮತ್ತು ಪರಿಶೀಲಿಸುವುದು.
• ಕ್ಲೈಂಟ್ ಕಡೆಯಿಂದ: ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಗೆ ಡೇಟಾವನ್ನು ಹೇಗೆ ಉಳಿಸುವುದು, ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆಯಿಂದ ಡೇಟಾವನ್ನು ಓದುವುದು ಹೇಗೆ.
• ಸರ್ವರ್ ಕಡೆಯಿಂದ: ಡೇಟಾಬೇಸ್‌ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು, ಡೇಟಾಬೇಸ್‌ನಲ್ಲಿ ಡೇಟಾವನ್ನು ಹೇಗೆ ಉಳಿಸುವುದು, ಡೇಟಾಬೇಸ್‌ನಿಂದ ಡೇಟಾವನ್ನು ಹೇಗೆ ಓದುವುದು.

ರೆಪೊಸಿಟರಿಯ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ, React+Redux ನಲ್ಲಿ ಮಾಡಲಾಗಿದೆ.

ನಿರ್ವಾಹಕ ಫಲಕ

ಗಿಥಬ್ ರೆಪೊಸಿಟರಿ.

ಸರಳವಾದ CRUD ಅಪ್ಲಿಕೇಶನ್, ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಕಲಿಯಲು ಸೂಕ್ತವಾಗಿದೆ. ಕಲಿಯೋಣ:

• ಬಳಕೆದಾರರನ್ನು ರಚಿಸಿ, ಬಳಕೆದಾರರನ್ನು ನಿರ್ವಹಿಸಿ.
• ಡೇಟಾಬೇಸ್‌ನೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸಿ - ಬಳಕೆದಾರರನ್ನು ರಚಿಸಿ, ಓದಿ, ಸಂಪಾದಿಸಿ, ಅಳಿಸಿ.
• ಇನ್ಪುಟ್ ಅನ್ನು ಮೌಲ್ಯೀಕರಿಸುವುದು ಮತ್ತು ಫಾರ್ಮ್ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದು.

ಕ್ರಿಪ್ಟೋಕರೆನ್ಸಿ ಟ್ರ್ಯಾಕರ್ (ಸ್ಥಳೀಯ ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್)

ಗಿಥಬ್ ರೆಪೊಸಿಟರಿ.

ಯಾವುದಾದರೂ: ಸ್ವಿಫ್ಟ್, ಆಬ್ಜೆಕ್ಟಿವ್-ಸಿ, ರಿಯಾಕ್ಟ್ ನೇಟಿವ್, ಜಾವಾ, ಕೋಟ್ಲಿನ್.

ಅಧ್ಯಯನ ಮಾಡೋಣ:

• ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ.
• API ನಿಂದ ಡೇಟಾವನ್ನು ಹಿಂಪಡೆಯುವುದು ಹೇಗೆ.
• ಸ್ಥಳೀಯ ಪುಟ ವಿನ್ಯಾಸಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ.
• ಮೊಬೈಲ್ ಸಿಮ್ಯುಲೇಟರ್‌ಗಳೊಂದಿಗೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುವುದು.

ಈ API ಅನ್ನು ಪ್ರಯತ್ನಿಸಿ. ನೀವು ಉತ್ತಮವಾದದ್ದನ್ನು ಕಂಡುಕೊಂಡರೆ, ಕಾಮೆಂಟ್ಗಳಲ್ಲಿ ಬರೆಯಿರಿ.

ನಿಮಗೆ ಆಸಕ್ತಿ ಇದ್ದರೆ, ಅದು ಇಲ್ಲಿದೆ ಇಲ್ಲಿದೆ ಟ್ಯುಟೋರಿಯಲ್.

ಮೊದಲಿನಿಂದ ನಿಮ್ಮ ಸ್ವಂತ ವೆಬ್‌ಪ್ಯಾಕ್ ಸಂರಚನೆಯನ್ನು ಹೊಂದಿಸಿ

ತಾಂತ್ರಿಕವಾಗಿ, ಇದು ಅಪ್ಲಿಕೇಶನ್ ಅಲ್ಲ, ಆದರೆ ವೆಬ್‌ಪ್ಯಾಕ್ ಒಳಗಿನಿಂದ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಇದು ತುಂಬಾ ಉಪಯುಕ್ತ ಕಾರ್ಯವಾಗಿದೆ. ಈಗ ಅದು "ಕಪ್ಪು ಪೆಟ್ಟಿಗೆ" ಆಗಿರುವುದಿಲ್ಲ, ಆದರೆ ಅರ್ಥವಾಗುವ ಸಾಧನವಾಗಿದೆ.

ಅವಶ್ಯಕತೆಗಳು:

• es7 ರಿಂದ es5 ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿ (ಮೂಲಭೂತಗಳು).
• jsx ಅನ್ನು js - ಅಥವಾ - .vue ಗೆ .js ಗೆ ಕಂಪೈಲ್ ಮಾಡಿ (ನೀವು ಲೋಡರ್‌ಗಳನ್ನು ಕಲಿಯಬೇಕಾಗುತ್ತದೆ)
• ವೆಬ್‌ಪ್ಯಾಕ್ ದೇವ್ ಸರ್ವರ್ ಮತ್ತು ಹಾಟ್ ಮಾಡ್ಯೂಲ್ ಮರುಲೋಡ್ ಅನ್ನು ಹೊಂದಿಸಿ. (ವ್ಯೂ-ಕ್ಲೈ ಮತ್ತು ಕ್ರಿಯೇಟ್-ರಿಯಾಕ್ಟ್-ಅಪ್ಲಿಕೇಶನ್ ಎರಡನ್ನೂ ಬಳಸುತ್ತವೆ)
• Heroku ಬಳಸಿ, now.sh ಅಥವಾ Github, ವೆಬ್‌ಪ್ಯಾಕ್ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳನ್ನು ಹೇಗೆ ನಿಯೋಜಿಸಬೇಕು ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ.
• css ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಲು ನಿಮ್ಮ ಮೆಚ್ಚಿನ ಪ್ರಿಪ್ರೊಸೆಸರ್ ಅನ್ನು ಹೊಂದಿಸಿ - scss, ಕಡಿಮೆ, ಸ್ಟೈಲಸ್.
• ವೆಬ್‌ಪ್ಯಾಕ್‌ನೊಂದಿಗೆ ಚಿತ್ರಗಳು ಮತ್ತು svg ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಿರಿ.

ಸಂಪೂರ್ಣ ಆರಂಭಿಕರಿಗಾಗಿ ಇದು ಅದ್ಭುತ ಸಂಪನ್ಮೂಲವಾಗಿದೆ.

ಹ್ಯಾಕರ್ನ್ಯೂಸ್ ಕ್ಲೋನ್

ಪ್ರತಿಯೊಬ್ಬ ಜೇಡಿ ತನ್ನದೇ ಆದ ಹ್ಯಾಕರ್‌ನ್ಯೂಸ್ ಅನ್ನು ರಚಿಸುವ ಅಗತ್ಯವಿದೆ.

ದಾರಿಯಲ್ಲಿ ನೀವು ಏನು ಕಲಿಯುವಿರಿ:

• ಹ್ಯಾಕರ್‌ನ್ಯೂಸ್ API ನೊಂದಿಗೆ ಸಂವಹನ ಮಾಡುವುದು ಹೇಗೆ.
• ಒಂದೇ ಪುಟದ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು.
• ಕಾಮೆಂಟ್‌ಗಳು, ವೈಯಕ್ತಿಕ ಕಾಮೆಂಟ್‌ಗಳು, ಪ್ರೊಫೈಲ್‌ಗಳನ್ನು ವೀಕ್ಷಿಸುವಂತಹ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೇಗೆ ಕಾರ್ಯಗತಗೊಳಿಸುವುದು.
• ವಿನಂತಿಯನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವ ಮಾರ್ಗಗಳ ಸಂಘಟನೆ (ರೂಟಿಂಗ್).

ತುಡುಶೆಚ್ಕಾ

ಟೊಡೊಎಂವಿಸಿ.

ಗಂಭೀರವಾಗಿ? ತುಡುಷ್ಕಾ? ಅವುಗಳಲ್ಲಿ ಸಾವಿರಾರು ಇವೆ. ಆದರೆ ನನ್ನನ್ನು ನಂಬಿರಿ, ಈ ಜನಪ್ರಿಯತೆಗೆ ಒಂದು ಕಾರಣವಿದೆ.
ನೀವು ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಂಡಿದ್ದೀರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು Tudu ಅಪ್ಲಿಕೇಶನ್ ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಒಂದು ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ವೆನಿಲ್ಲಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ನಿಮ್ಮ ಮೆಚ್ಚಿನ ಚೌಕಟ್ಟಿನಲ್ಲಿ ಬರೆಯಲು ಪ್ರಯತ್ನಿಸಿ.

ಕಲಿ:

• ಹೊಸ ಕಾರ್ಯಗಳನ್ನು ರಚಿಸಿ.
• ಕ್ಷೇತ್ರಗಳು ತುಂಬಿವೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸಿ.
• ಕಾರ್ಯಗಳನ್ನು ಫಿಲ್ಟರ್ ಮಾಡಿ (ಪೂರ್ಣಗೊಂಡಿದೆ, ಸಕ್ರಿಯವಾಗಿದೆ, ಎಲ್ಲಾ). ಬಳಸಿ filter и reduce.
• ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ.

ವಿಂಗಡಿಸಬಹುದಾದ ಡ್ರ್ಯಾಗ್ ಮತ್ತು ಡ್ರಾಪ್ ಪಟ್ಟಿ

ಗಿಥಬ್ ರೆಪೊಸಿಟರಿ.

ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ತುಂಬಾ ಸಹಾಯಕವಾಗಿದೆ API ಅನ್ನು ಎಳೆಯಿರಿ ಮತ್ತು ಬಿಡಿ.

ಕಲಿಯೋಣ:

• API ಅನ್ನು ಎಳೆಯಿರಿ ಮತ್ತು ಬಿಡಿ
• ಶ್ರೀಮಂತ UI ಗಳನ್ನು ರಚಿಸಿ

ಮೆಸೆಂಜರ್ ಕ್ಲೋನ್ (ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್)

ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಎರಡೂ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ನೀವು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿರಿ, ಅದು ನಿಮ್ಮನ್ನು ಬೂದು ದ್ರವ್ಯರಾಶಿಯಿಂದ ಪ್ರತ್ಯೇಕಿಸುತ್ತದೆ.

ನಾವು ಏನು ಅಧ್ಯಯನ ಮಾಡುತ್ತೇವೆ:

• ವೆಬ್ ಸಾಕೆಟ್‌ಗಳು (ತ್ವರಿತ ಸಂದೇಶಗಳು)
• ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ.
• ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ.
• ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ವಿನಂತಿಯನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವ ಮಾರ್ಗಗಳನ್ನು ಆಯೋಜಿಸುವುದು.

ಪಠ್ಯ ಸಂಪಾದಕ

ತಮ್ಮ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಅನ್ನು ಮಾನ್ಯ HTML ಮಾರ್ಕ್ಅಪ್ ಆಗಿ ಪರಿವರ್ತಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತಿರುವ ಬಳಕೆದಾರರ ಪ್ರಯತ್ನವನ್ನು ಕಡಿಮೆ ಮಾಡುವುದು ಪಠ್ಯ ಸಂಪಾದಕದ ಉದ್ದೇಶವಾಗಿದೆ. ಉತ್ತಮ ಪಠ್ಯ ಸಂಪಾದಕವು ಬಳಕೆದಾರರಿಗೆ ಪಠ್ಯವನ್ನು ವಿವಿಧ ರೀತಿಯಲ್ಲಿ ಫಾರ್ಮಾಟ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ.

ಕೆಲವು ಹಂತದಲ್ಲಿ, ಪ್ರತಿಯೊಬ್ಬರೂ ಪಠ್ಯ ಸಂಪಾದಕವನ್ನು ಬಳಸಿದ್ದಾರೆ. ಹಾಗಾದರೆ ಏಕೆ ಇಲ್ಲ ಅದನ್ನು ನೀವೇ ರಚಿಸಿ?

ರೆಡ್ಡಿಟ್ ಕ್ಲೋನ್

ರೆಡ್ಡಿಟ್ ಸಾಮಾಜಿಕ ಸುದ್ದಿಗಳ ಒಟ್ಟುಗೂಡಿಸುವಿಕೆ, ವೆಬ್ ವಿಷಯ ರೇಟಿಂಗ್ ಮತ್ತು ಚರ್ಚಾ ತಾಣವಾಗಿದೆ.

ರೆಡ್ಡಿಟ್ ನನ್ನ ಹೆಚ್ಚಿನ ಸಮಯವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, ಆದರೆ ನಾನು ಅದರಲ್ಲಿ ಹ್ಯಾಂಗ್ ಔಟ್ ಮಾಡುವುದನ್ನು ಮುಂದುವರಿಸುತ್ತೇನೆ. ರೆಡ್ಡಿಟ್ ಕ್ಲೋನ್ ಅನ್ನು ರಚಿಸುವುದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕಲಿಯಲು ಪರಿಣಾಮಕಾರಿ ಮಾರ್ಗವಾಗಿದೆ (ಅದೇ ಸಮಯದಲ್ಲಿ ರೆಡ್ಡಿಟ್ ಬ್ರೌಸ್ ಮಾಡುವಾಗ).

Reddit ನಿಮಗೆ ಅತ್ಯಂತ ಶ್ರೀಮಂತವನ್ನು ಒದಗಿಸುತ್ತದೆ ಎಪಿಐ. ಯಾವುದೇ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಿಟ್ಟುಬಿಡಬೇಡಿ ಅಥವಾ ಆಕಸ್ಮಿಕವಾಗಿ ಕೆಲಸಗಳನ್ನು ಮಾಡಬೇಡಿ. ಗ್ರಾಹಕರು ಮತ್ತು ಗ್ರಾಹಕರೊಂದಿಗೆ ನೈಜ ಜಗತ್ತಿನಲ್ಲಿ, ನೀವು ಆಕಸ್ಮಿಕವಾಗಿ ಕೆಲಸ ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ, ಅಥವಾ ನೀವು ಬೇಗನೆ ನಿಮ್ಮ ಕೆಲಸವನ್ನು ಕಳೆದುಕೊಳ್ಳುತ್ತೀರಿ.

ಸ್ಮಾರ್ಟ್ ಕ್ಲೈಂಟ್‌ಗಳು ಕೆಲಸವನ್ನು ಕಳಪೆಯಾಗಿ ಮಾಡಲಾಗುತ್ತಿದೆ ಎಂದು ತಕ್ಷಣವೇ ಅರಿತುಕೊಳ್ಳುತ್ತಾರೆ ಮತ್ತು ಬೇರೆಯವರನ್ನು ಹುಡುಕುತ್ತಾರೆ.

ರೆಡ್ಡಿಟ್ API

ತೆರೆದ ಮೂಲ NPM ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಪ್ರಕಟಿಸಲಾಗುತ್ತಿದೆ

ನೀವು Javascript ಕೋಡ್ ಅನ್ನು ಬರೆದರೆ, ನೀವು ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ಅನ್ನು ಬಳಸುವ ಸಾಧ್ಯತೆಗಳಿವೆ. ಇತರ ಜನರು ಬರೆದ ಮತ್ತು ಪ್ರಕಟಿಸಿದ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಕೋಡ್ ಅನ್ನು ಮರುಬಳಕೆ ಮಾಡಲು ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

ಪ್ಯಾಕೇಜ್‌ನ ಸಂಪೂರ್ಣ ಅಭಿವೃದ್ಧಿ ಚಕ್ರವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಉತ್ತಮ ಅನುಭವವನ್ನು ನೀಡುತ್ತದೆ. ಕೋಡ್ ಅನ್ನು ಪ್ರಕಟಿಸುವಾಗ ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಹಲವು ವಿಷಯಗಳಿವೆ. ನೀವು ಭದ್ರತೆ, ಶಬ್ದಾರ್ಥದ ಆವೃತ್ತಿ, ಸ್ಕೇಲೆಬಿಲಿಟಿ, ಹೆಸರಿಸುವ ಸಂಪ್ರದಾಯಗಳು ಮತ್ತು ನಿರ್ವಹಣೆಯ ಬಗ್ಗೆ ಯೋಚಿಸಬೇಕು.

ಪ್ಯಾಕೇಜ್ ಯಾವುದಾದರೂ ಆಗಿರಬಹುದು. ನಿಮಗೆ ಕಲ್ಪನೆ ಇಲ್ಲದಿದ್ದರೆ, ನಿಮ್ಮ ಸ್ವಂತ ಲೋಡಾಶ್ ಅನ್ನು ರಚಿಸಿ ಮತ್ತು ಅದನ್ನು ಪ್ರಕಟಿಸಿ.

ಲೋಡಾಶ್: lodash.com

ನೀವು ಆನ್‌ಲೈನ್‌ನಲ್ಲಿ ಏನನ್ನಾದರೂ ಮಾಡಿದ್ದರೆ ಅದು ನಿಮ್ಮನ್ನು ಇತರರಿಗಿಂತ 10% ಕ್ಕಿಂತ ಹೆಚ್ಚಾಗಿರುತ್ತದೆ. ಕೆಲವು ಉಪಯುಕ್ತ ಸಂಪನ್ಮೂಲಗಳು ಇಲ್ಲಿವೆ ತೆರೆದ ಮೂಲಗಳು ಮತ್ತು ಪ್ಯಾಕೇಜುಗಳ ಬಗ್ಗೆ.

freeCodeCamp ಪಠ್ಯಕ್ರಮ

FCC ಪಠ್ಯಕ್ರಮ

freeCodecamp ಬಹಳಷ್ಟು ಸಂಗ್ರಹಿಸಿದೆ ಸಮಗ್ರ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕೋರ್ಸ್.

freeCodeCamp ಒಂದು ಲಾಭರಹಿತ ಸಂಸ್ಥೆಯಾಗಿದೆ. ಇದು ಇಂಟರ್ಯಾಕ್ಟಿವ್ ವೆಬ್-ಆಧಾರಿತ ಕಲಿಕೆಯ ವೇದಿಕೆ, ಆನ್‌ಲೈನ್ ಸಮುದಾಯ ವೇದಿಕೆ, ಚಾಟ್ ರೂಮ್‌ಗಳು, ಮಧ್ಯಮ ಪ್ರಕಾಶನಗಳು ಮತ್ತು ಸ್ಥಳೀಯ ಸಂಸ್ಥೆಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ, ಅದು ಕಲಿಕೆಯ ವೆಬ್ ಅಭಿವೃದ್ಧಿಯನ್ನು ಎಲ್ಲರಿಗೂ ಪ್ರವೇಶಿಸುವಂತೆ ಮಾಡಲು ಉದ್ದೇಶಿಸಿದೆ.

ನೀವು ಸಂಪೂರ್ಣ ಕೋರ್ಸ್ ಅನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ನಿರ್ವಹಿಸಿದರೆ ನಿಮ್ಮ ಮೊದಲ ಉದ್ಯೋಗಕ್ಕೆ ನೀವು ಹೆಚ್ಚು ಅರ್ಹರಾಗುತ್ತೀರಿ.

ಮೊದಲಿನಿಂದ HTTP ಸರ್ವರ್ ಅನ್ನು ರಚಿಸಿ

HTTP ಪ್ರೋಟೋಕಾಲ್ ಮುಖ್ಯ ಪ್ರೋಟೋಕಾಲ್‌ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ, ಅದರ ಮೂಲಕ ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ವಿಷಯವು ಪ್ರಯಾಣಿಸುತ್ತದೆ. HTML, CSS ಮತ್ತು JS ನಂತಹ ಸ್ಥಿರ ವಿಷಯವನ್ನು ಪೂರೈಸಲು HTTP ಸರ್ವರ್‌ಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

ಮೊದಲಿನಿಂದಲೂ HTTP ಪ್ರೋಟೋಕಾಲ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಸಾಧ್ಯವಾಗುವುದರಿಂದ ವಿಷಯಗಳು ಹೇಗೆ ಸಂವಹನ ನಡೆಸುತ್ತವೆ ಎಂಬುದರ ಕುರಿತು ನಿಮ್ಮ ಜ್ಞಾನವನ್ನು ವಿಸ್ತರಿಸುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ, ನೀವು NodeJ ಗಳನ್ನು ಬಳಸಿದರೆ, ಎಕ್ಸ್‌ಪ್ರೆಸ್ HTTP ಸರ್ವರ್ ಅನ್ನು ಒದಗಿಸುತ್ತದೆ ಎಂದು ನಿಮಗೆ ತಿಳಿದಿದೆ.

ಉಲ್ಲೇಖಕ್ಕಾಗಿ, ನೀವು ಸಾಧ್ಯವಾದರೆ ನೋಡಿ:

• ಯಾವುದೇ ಲೈಬ್ರರಿಗಳನ್ನು ಬಳಸದೆ ಸರ್ವರ್ ಅನ್ನು ಹೊಂದಿಸಿ
• ಸರ್ವರ್ HTML, CSS ಮತ್ತು JS ವಿಷಯವನ್ನು ಪೂರೈಸಬೇಕು.
• ಮೊದಲಿನಿಂದ ರೂಟರ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುವುದು
• ಬದಲಾವಣೆಗಳನ್ನು ಮೇಲ್ವಿಚಾರಣೆ ಮಾಡಿ ಮತ್ತು ಸರ್ವರ್ ಅನ್ನು ನವೀಕರಿಸಿ

ಏಕೆ ಎಂದು ನಿಮಗೆ ತಿಳಿದಿಲ್ಲದಿದ್ದರೆ, ಬಳಸಿ ಸ್ವಲ್ಪ ಹೋಗಿ ಮತ್ತು HTTP ಸರ್ವರ್ ರಚಿಸಲು ಪ್ರಯತ್ನಿಸಿ ಕ್ಯಾಡಿ ಆರಂಭದಿಂದ.

ಟಿಪ್ಪಣಿಗಳಿಗಾಗಿ ಡೆಸ್ಕ್‌ಟಾಪ್ ಅಪ್ಲಿಕೇಶನ್

ನಾವೆಲ್ಲರೂ ಟಿಪ್ಪಣಿಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತೇವೆ, ಅಲ್ಲವೇ?

ಟಿಪ್ಪಣಿಗಳ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸೋಣ. ಅಪ್ಲಿಕೇಶನ್ ಟಿಪ್ಪಣಿಗಳನ್ನು ಉಳಿಸಲು ಮತ್ತು ಡೇಟಾಬೇಸ್ನೊಂದಿಗೆ ಸಿಂಕ್ರೊನೈಸ್ ಮಾಡಲು ಅಗತ್ಯವಿದೆ. ಎಲೆಕ್ಟ್ರಾನ್, ಸ್ವಿಫ್ಟ್ ಅಥವಾ ನೀವು ಇಷ್ಟಪಡುವ ಮತ್ತು ನಿಮ್ಮ ಸಿಸ್ಟಮ್‌ಗೆ ಏನು ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ಬಳಸಿಕೊಂಡು ಸ್ಥಳೀಯ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ನಿರ್ಮಿಸಿ.

ಇದನ್ನು ಮೊದಲ ಸವಾಲಿಗೆ (ಪಠ್ಯ ಸಂಪಾದಕ) ಸಂಯೋಜಿಸಲು ಹಿಂಜರಿಯಬೇಡಿ.

ಬೋನಸ್ ಆಗಿ, ನಿಮ್ಮ ಡೆಸ್ಕ್‌ಟಾಪ್ ಆವೃತ್ತಿಯನ್ನು ವೆಬ್ ಆವೃತ್ತಿಯೊಂದಿಗೆ ಸಿಂಕ್ ಮಾಡಲು ಪ್ರಯತ್ನಿಸಿ.

ಪಾಡ್‌ಕ್ಯಾಸ್ಟ್‌ಗಳು (ಮೋವಾಕಾಸ್ಟ್ ಕ್ಲೋನ್)

ಪಾಡ್‌ಕಾಸ್ಟ್‌ಗಳನ್ನು ಯಾರು ಕೇಳುವುದಿಲ್ಲ?

ಕೆಳಗಿನ ಕ್ರಿಯಾತ್ಮಕತೆಯೊಂದಿಗೆ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸಿ:

• ಖಾತೆಯನ್ನು ತೆರೆಯಿರಿ
• ಪಾಡ್‌ಕಾಸ್ಟ್‌ಗಳನ್ನು ಹುಡುಕಿ
• ರೇಟ್ ಮಾಡಿ ಮತ್ತು ಪಾಡ್‌ಕಾಸ್ಟ್‌ಗಳಿಗೆ ಚಂದಾದಾರರಾಗಿ
• ನಿಲ್ಲಿಸಿ ಮತ್ತು ಪ್ಲೇ ಮಾಡಿ, ವೇಗವನ್ನು ಬದಲಾಯಿಸಿ, 30 ಸೆಕೆಂಡುಗಳ ಕಾಲ ಮುಂದಕ್ಕೆ ಮತ್ತು ಹಿಂದುಳಿದ ಕಾರ್ಯಗಳನ್ನು ಮಾಡಿ.

iTunes API ಅನ್ನು ಆರಂಭಿಕ ಹಂತವಾಗಿ ಬಳಸಲು ಪ್ರಯತ್ನಿಸಿ. ನೀವು ಯಾವುದೇ ಇತರ ಸಂಪನ್ಮೂಲಗಳನ್ನು ತಿಳಿದಿದ್ದರೆ, ದಯವಿಟ್ಟು ಕಾಮೆಂಟ್‌ಗಳಲ್ಲಿ ಪೋಸ್ಟ್ ಮಾಡಿ.

affiliate.itunes.apple.com/resources/documentation/itunes-store-web-service-search-api

ಸ್ಕ್ರೀನ್ ಕ್ಯಾಪ್ಚರ್

ನಮಸ್ಕಾರ! ನಾನು ಇದೀಗ ನನ್ನ ಪರದೆಯನ್ನು ಚಿತ್ರೀಕರಿಸುತ್ತಿದ್ದೇನೆ!

ನಿಮ್ಮ ಪರದೆಯನ್ನು ಸೆರೆಹಿಡಿಯಲು ಮತ್ತು ಕ್ಲಿಪ್ ಅನ್ನು ಉಳಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಡೆಸ್ಕ್‌ಟಾಪ್ ಅಥವಾ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ರಚಿಸಿ .gif

ಇಲ್ಲಿ ಕೆಲವು ಸಲಹೆಗಳುಇದನ್ನು ಹೇಗೆ ಸಾಧಿಸುವುದು.

ಮೂಲಗಳು

• ಡೆವಲಪರ್‌ಗಾಗಿ 5 ಹೆಚ್ಚು ಧೈರ್ಯಶಾಲಿ ತರಬೇತಿ ಯೋಜನೆಗಳು (ಲೇಯರ್, ಸ್ಕೂಶ್, ಕ್ಯಾಲ್ಕುಲೇಟರ್, ವೆಬ್‌ಸೈಟ್ ಕ್ರಾಲರ್, ಮ್ಯೂಸಿಕ್ ಪ್ಲೇಯರ್)
• ನಿಮ್ಮ ಫ್ರಂಟ್-ಎಂಡ್ ಕೌಶಲ್ಯಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು 9 ಯೋಜನೆಗಳು
• ಫ್ರಂಟ್-ಎಂಡ್ ಡೆವಲಪರ್‌ಗಾಗಿ ಆರು ಕಾರ್ಯಗಳು
• ಡೆವಲಪರ್‌ಗಾಗಿ ಮೋಜಿನ ಅಭ್ಯಾಸ
• 8 ಶೈಕ್ಷಣಿಕ ಯೋಜನೆಗಳು
• ಅಭ್ಯಾಸ ಮಾಡಲು ಯೋಜನೆಗಳ ಮತ್ತೊಂದು ಪಟ್ಟಿ

ಮೂಲ: www.habr.com