[Powered by Google Translate] [ಸೆಮಿನಾರ್] [ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚೌಕಟ್ಟುಗಳು:? ಏಕೆ ಮತ್ತು ಹೇಗೆ] [ಕೆವಿನ್ ಸ್ಕಿಮಿಡ್] [ಹಾರ್ವರ್ಡ್ ವಿಶ್ವವಿದ್ಯಾಲಯ] [ಈ CS50 ಹೊಂದಿದೆ.] [CS50.TV] 

ಹೈ, ಎಲ್ಲರೂ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚೌಕಟ್ಟುಗಳು ಸೆಮಿನಾರ್ ಸುಸ್ವಾಗತ. , ನನ್ನ ಹೆಸರು ಕೆವಿನ್ ಮತ್ತು ಇಂದು ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚೌಕಟ್ಟುಗಳ ಬಗ್ಗೆ ವೃಂದದಲ್ಲಿರುತ್ತೇನೆ ಮತ್ತು ಈ ಸೆಮಿನಾರ್ ಗುರಿ, ನೀವು ಪಡೆಯಲು ಹೇಳುತ್ತಾರೆ, ವಸ್ತುತಃ ಒಂದು ನಿರ್ದಿಷ್ಟ ಚೌಕಟ್ಟಿನೊಳಗೆ ಸದುಪಯೋಗಪಡಿಸಿಕೊಳ್ಳಲು ಅಲ್ಲ ಆದರೆ ಚೌಕಟ್ಟುಗಳ ಒಂದೆರಡು ನಿಮ್ಮನ್ನು ಒಂದು ವಿಶಾಲವಾದ ಪರಿಚಯ ನೀಡಲು ಮತ್ತು ನಾವು ಇದುವರೆಗೆ ಚೌಕಟ್ಟನ್ನು ಬಳಸಲು ಬಯಸುತ್ತೇನೆ ಏಕೆ ತೋರಿಸುತ್ತದೆ. 

ನಾನು ಹಾಗೆ ಮೊದಲು, ನಾನು, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರಲ್ಲಿ ಸ್ವಲ್ಪ ಹಿನ್ನೆಲೆ ನೀಡುತ್ತೇವೆ ತದನಂತರ ನಾವು ಅಲ್ಲಿಂದ ತೆಗೆದುಕೊಂಡು ಮಾಡುತ್ತೇವೆ. ನಾವು ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿ ಅನುಷ್ಠಾನಗೊಳಿಸುವ ಮೂಲಕ ಆರಂಭಿಸಲು ಹೊರಟಿರುವೆ. ಇಲ್ಲಿ ಇಂದು ನಮ್ಮ ಕಾರ್ಯಪಟ್ಟಿಯನ್ನು ಇಲ್ಲಿದೆ. ಇದು ತಮಾಷೆಯ ರೀತಿಯ ಇಲ್ಲಿದೆ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ ಅಳವಡಿಸಲು ಹೊಂದಿರುತ್ತವೆ. ಇದು ನಮ್ಮ ಮೊದಲ ಗುರಿ, ಅದು ಕಾಣುವಂತೆ ಇಂದಿನ ವಿಶೇಷವೇನು ಏನು. ನಾವು ಮಾಡಲು ಚೌಕಟ್ಟನ್ನು ಬಳಸಲು ಹೋಗುತ್ತಿಲ್ಲ. ನಾವು ಕೋಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೋಗಿ ಮತ್ತು ಗದ್ದಲ ಪಟ್ಟಿಯನ್ನು ಕೆಲಸ ಪಡೆಯಲು ನೀವು. ನಂತರ ನಾವು ಚೌಕಟ್ಟನ್ನು ಬಳಸದೆ ವಿನ್ಯಾಸ ಸುಧಾರಿಸಲು ಹೊರಟಿರುವೆ. ನಾವು ಕೇವಲ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮಾತ್ರ ಮಾಡಲು ಸಾಧ್ಯ ವಿವಿಧ ವಿಷಯಗಳನ್ನು ಚರ್ಚಿಸಲು ಹೊರಟಿರುವೆ ನಮ್ಮ ಮಾಡಲು ಗದ್ದಲ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ವಿನ್ಯಾಸ ಪಟ್ಟಿ. ನಂತರ ನಾವು, ಕೆಲವು jQuery ರಲ್ಲಿ ಎಸೆಯಲು ಹೊರಟಿರುವೆ ತದನಂತರ ನಾವು ಲಿಸ್ಟ್ ಮಾಡಲು ಅದೇ ನೋಡಲು ಹೊರಟಿರುವೆ ಕೇವಲ ವಿವಿಧ ಚೌಕಟ್ಟುಗಳು ಅಳವಡಿಸಲಾಗಿದೆ, ಮತ್ತು ನಾವು ಚರ್ಚೆ ಮಾಡುತ್ತೇವೆ  ದಾರಿಯುದ್ದಕ್ಕೂ ಬಾಧಕಗಳನ್ನು. 

ಪಟ್ಟಿಯಲ್ಲಿ ಮಾಡಬೇಕಾದವೆಂದು ಎಂದು ಅನುಷ್ಠಾನಕ್ಕೆ ಆರಂಭಿಸೋಣ. ನಮಗೆ ಈ HTML ನೀಡಿದ ನೀವು ಹೇಳಬಹುದು. ನಾನು ಈ ಸ್ವಲ್ಪ ಸಣ್ಣ ಮಾಡಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ನೀವು ನೋಡಬಹುದು ಎಂದು, ನಾನು ಟೊಡೊ ಹೇಳುತ್ತದೆ ಸ್ವಲ್ಪ ಹೆಡರ್ ಹೊಂದಿವೆ ನಾನು ಟೊಡೊ ಒಂದು ವಿವರಣೆ ನಮೂದಿಸಬಹುದು ಅಲ್ಲಿ ಮತ್ತು ಸ್ವಲ್ಪ ಬಾಕ್ಸ್ ತದನಂತರ, ಈ ಪಟ್ಟಿಗೆ ಹೊಸ ಟೊಡೊ ಪ್ರವೇಶಿಸಲು ಪ್ರಯತ್ನಿಸಿ ನ ಹೊಸ ಐಟಂ ಬಟನ್ ಅವಕಾಶ. , ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚೌಕಟ್ಟುಗಳ ಸೆಮಿನಾರ್ ನೀಡಿ ಮತ್ತು ನಾನು ಹೊಸ ಐಟಂ ಹೊಡೆಯಲು ಮನುಷ್ಯ. ನನ್ನ ಜಾರಿಗೆ ಹೇಳುತ್ತದೆ ಈ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎಚ್ಚರಿಕೆಯನ್ನು ಪಡೆಯಿರಿ. ನಾವು ಕಾರ್ಯಗತ ಮಾಡಲೇಬೇಕು. HTML ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎರಡೂ, ಅವರ ಈ ಕೋಡ್ ಔಟ್ ಪರೀಕ್ಷಿಸೋಣ. ಇಲ್ಲಿ ನಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ಇಲ್ಲಿದೆ. ನೀವು ಇಲ್ಲಿ ನೋಡಬಹುದು ಎಂದು, ಇಲ್ಲಿ ನಮ್ಮ ಸ್ವಲ್ಪ Todos ಹೆಡರ್ ಇಲ್ಲಿದೆ. ಎಂದು, ಮೇಲ್ಭಾಗದಲ್ಲಿ ದಿಟ್ಟ ವಿಷಯ ತದನಂತರ ನಾವು, ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ ಹೊಂದಿರುವ ಇನ್ಪುಟ್ ಬಾಕ್ಸ್ ಹೊಂದಿವೆ ತದನಂತರ ಈ ಕಾರ್ಯ addTodo ಅಪೇಕ್ಷಿಸುವ ಈ ಬಟನ್ ಒಂದು ನಿರ್ದಿಷ್ಟ ಗುಣಲಕ್ಷಣ ಅಲ್ಲಿ ಇಲ್ಲಿದೆ. ಯಾರಾದರೂ ಸೂಚಿಸುತ್ತದೆ ಇದೆ ಕ್ಲಿಕ್ ಏನು ಎಂದು ಊಹಿಸಲು ಬಯಸುವಿರಾ? [ವಿದ್ಯಾರ್ಥಿ ಕೇಳಿಬರುವುದಿಲ್ಲ ಪ್ರತಿಕ್ರಿಯೆ] ಗುಡ್, ಮೇಲೆ ಕ್ಲಿಕ್, ಕ್ರಿಯೆಯನ್ನು ರೀತಿಯ ರೀತಿಯ ಆಗಿದೆ ಮೌಸ್ ಕ್ಲಿಕ್ ಕೇವಲ ಕ್ರಿಯೆಯನ್ನು, ಮತ್ತು ನಾವು ಮಾಡುತ್ತಿರುವುದು ಹೇಗಿದೆಯೋ ನಾವು ಕಾರ್ಯ ನಿರ್ವಹಿಸಲು ಈ ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ಕಿಸುವುದರ ಸಂದರ್ಭದಲ್ಲಿ ಕಟ್ಟಿ ನೀವು ಇದೆ. AddTodo ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ ಈ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಆಗಿದೆ. 

ನೀವು ನೋಡಬಹುದು ಎಂದು, ನಾನು ಹೊಸ ಐಟಂ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಮೇಲೆ ಕ್ಲಿಕ್ ಕ್ರಿಯೆಯನ್ನು ಕೆಲಸದಿಂದ ಸಿಗುತ್ತದೆ, ಮತ್ತು ಈ ಕಾರ್ಯ ಎಂದು ಸಿಗುತ್ತದೆ. ಅವರ ಕಾರ್ಯವನ್ನು ನೋಡೋಣ. ನೀವು ನೋಡಬಹುದು ಎಂದು, ಇಲ್ಲಿ ಇದುವರೆಗೆ ನನ್ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಇಲ್ಲಿದೆ. ನಾನು ಮೇಲಿರುವ ನನ್ನ ಗದ್ದಲ ಪಟ್ಟಿಗಾಗಿ ಜಾಗತಿಕ ದಶಮಾಂಶ ರಚನೆಯಾಗಿದೆ. ಇದು ಒಂದು ಶ್ರೇಣಿಯನ್ನು ತೋರುತ್ತಿದೆ. ಅದು ಖಾಲಿ ರಚನೆಯ ಇಲ್ಲಿದೆ. ಮತ್ತು ನಂತರ ನಾನು, ನಾವು ಹಿಂದಿನ ಕಂಡಿದ್ದು addTodo ಕಾರ್ಯವಾಗುತ್ತದೆ ಮತ್ತು ಅಲ್ಲಿ ಸಂಕೇತವನ್ನು ಕೇವಲ ಲೈನ್ ಈ ಎಚ್ಚರಿಕೆಯನ್ನು ಹೊಂದಿದೆ. ಇದು ನನಗೆ ಜಾರಿಗೆ ಎಚ್ಚರಿಸುತ್ತದೆ, ಮತ್ತು ನಂತರ ನಾನು ಕೈಯಲ್ಲಿ 2 ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿವೆ. ನಾನು, ಜಾಗತಿಕ ದಶಮಾಂಶ ರಚನೆಗೆ ಟೊಡೊ ಸೇರಿಸಬೇಕಾಗಿಲ್ಲ ಮತ್ತು ನಂತರ ನಾನು ಗದ್ದಲ ಪಟ್ಟಿಯನ್ನು ಪಡೆಯಲು ಬಯಸುವ. ನಥಿಂಗ್ ತುಂಬಾ ಇನ್ನೂ ಅಲಂಕಾರಿಕ, ಆದರೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನೀವು, ಜೊತೆಗೆ ಪರಿಚಯವಿಲ್ಲದ ಇರಬಹುದು ಆದ್ದರಿಂದ ನಾನು ನಿಧಾನವಾಗಿ ಹೋಗಿ ರೀತಿಯಲ್ಲಿ JavaScript ನ ಮೂಲಭೂತ ಪರಿಶೀಲಿಸಿ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. 

ತಂದೆಯ ಈ ಶಾಟ್ ನೀಡುವ ಅವಕಾಶ. ಲೆಟ್ಸ್ ಬಳಕೆದಾರ ಈ ಪೆಟ್ಟಿಗೆಯಲ್ಲಿ ಏನಾದರೂ ಪ್ರವೇಶಿಸಿತು ಹೇಳುತ್ತಾರೆ. ನಾನು ಇಲ್ಲಿ, ಪಠ್ಯ ಏನೋ ಟೈಪ್. ನಾನು ಹೇಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೂಲಕ ಪ್ರವೇಶ ಎಂದು ಪಠ್ಯದ ವಿಂಗಡಿಸಲು ಇಲ್ಲ? ಆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನೆನಪಿಡಿ, ಅದರ ಮೂಲಭೂತ ಲಕ್ಷಣಗಳನ್ನು ಒಂದು ನಮಗೆ ನೀಡುತ್ತದೆ ಎಂಬುದು DOM ಈ ಪ್ರೋಗ್ರಾಮೆಟಿಕ್ ಪ್ರವೇಶ. ಇದು ನಮಗೆ ಈ ನಿಜವಾದ HTML ನ ಅಂಶಗಳನ್ನು ಮತ್ತು ಅವರ ಆಸ್ತಿಗಳನ್ನು ಪ್ರವೇಶಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ನಾವು ಎಲುಬಿನಂತೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆ ಹಾಗೆ ನಾವು ವಾಸ್ತವವಾಗಿ getElementByID ಎಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಂದು ಕಾರ್ಯವನ್ನು ಉಪಯೋಗಿಸಬಹುದು ಆಗಿದೆ. ನಾನು, ಕೆಲವು ವೇರಿಯಬಲ್ ಅಲ್ಲಿ ಟೈಪ್ ವಿಶೇಷವೇನು ಪಠ್ಯ ಸಂಗ್ರಹಿಸಲು ಬಯಸುವ ಆದ್ದರಿಂದ ನಾನು, new_todo ಎಂಬ ಹೊಸ ವೇರಿಯಬಲ್ ಹೇಳಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಮತ್ತು ನಾನು ಆ ಅಂಶ ಪಡೆಯಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ಈ, ಒಂದು ಕ್ರಿಯೆಯಾಗಿದೆ. GetElementByID. ಮತ್ತು ಈಗ ನಾನು ID ಒಂದು ಅಂಶ ಪಡೆಯುವಲ್ಲಿ ಬಾಗುತ್ತೇನೆ, ಆದ್ದರಿಂದ ನಾನು ಪಠ್ಯ ಬಾಕ್ಸ್ನಲ್ಲಿನ ID ಅಗತ್ಯವಿದೆ ಆದ್ದರಿಂದ ನಾನು ID new_todo_description ನೀಡಿದ್ದೇನೆ. ನಾನು ಒಂದು ಅಂಶ ಪಡೆಯಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಹೇಗೆ. ಆ ಪಡೆಯಲು ಇದು ID ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು, ಈ ಕಾರ್ಯಕ್ಕೆ ನನ್ನ ವಾದದ. ಮತ್ತು ಆದ್ದರಿಂದ HTML ನಲ್ಲಿ ಒಂದು ಅಂಶ, ಮತ್ತು ಇದು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿದೆ. ಈ ನೋಡಿದ್ದೇವೆ. ಅವರು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಆರ್. ಬಳಕೆದಾರರ ಇನ್ಪುಟ್ ಸಂಗ್ರಹಿಸುತ್ತದೆ ಎಂದು ಪಠ್ಯ ಅಂಶದ ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯದ ಕರೆಯಲಾಗುತ್ತದೆ. ನಾನು new_todo ಎಂದು ಈ ವೇರಿಯಬಲ್ ಈಗ ಆ ಪಠ್ಯ ಬಾಕ್ಸ್ನಲ್ಲಿ ಮೌಲ್ಯವನ್ನು ಉಳಿಸಲಾಗಿದೆ. ಈಗ ನಾನು ಈ ವೇರಿಯಬಲ್ ಪ್ರೋಗ್ರಾಮ್ಯಾಟಿಕ್ ಪ್ರವೇಶವನ್ನು ಹೊಂದಿರುತ್ತದೆ, ಇದು ರೀತಿಯ ತಂಪಾದ ಹೊಂದಿದೆ ಈಗ ನಾನು ಏನು ಮಾಡಬಹುದು ಏಕೆಂದರೆ ನನ್ನ ಗದ್ದಲ ಪಟ್ಟಿಗೆ ಸೇರಿಸಬಹುದು ಆಗಿದೆ. 

ನಾವು ಈ ಮಾಡುತ್ತಿರಲಿಲ್ಲ ರೀತಿಯಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಈ ಬಗ್ಗೆ ಪರಿಚಯವಿರದ ಚಿಂತೆ ಇಲ್ಲ, ಆದರೆ ಅದನ್ನು ಹಾದುಹೋಗುವ todos.push ಆಗಿದೆ ಅಪ್ ಇಲ್ಲಿ ನನ್ನ ಜಾಗತಿಕ ದಶಮಾಂಶ ರಚನೆಯ ಹೆಸರು ಎಂದು ಕಾರಣ, ಮತ್ತು ನಾನು new_todo ತಳ್ಳುವ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ಈಗ ನಾನು ನನ್ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅದನ್ನು ಸೇರಿಸಿದ ಈ ಅದ್ಭುತವಾಗಿದೆ ಆ ಗದ್ದಲ ಪಟ್ಟಿಯ ಪ್ರಾತಿನಿಧ್ಯ. ಆದರೆ ಈಗ ಹೇಗೆ ನಾನು ಎಚ್ಟಿಎಮ್ಎಲ್ ಅದನ್ನು ಮರಳಿ ಪಡೆಯಲು ಇಲ್ಲ? ನಾನು ಹಿಂದಕ್ಕೆ ತಳ್ಳುವ ಆಫ್ ವಿಂಗಡಿಸಲು ಒಂದು ರೀತಿಯಲ್ಲಿ ಕಂಡುಹಿಡಿಯಬೇಕಿದೆ. ಬೇರೆ ರೀತಿಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ನಾನು ರೀತಿಯ ಈ ಸೆಳೆಯಲು ಹೊಂದಿವೆ. ನಾವು ಮಾಡಲು ಹೊರಟಿರುವೆ ನಾವು ಗದ್ದಲ ಪಟ್ಟಿ ಸೆಳೆಯಲು ಹೊರಟಿರುವೆ ಆಗಿದೆ. ನಾನು, ಆ ಪುಟದ ಇತರ ಎಚ್ಟಿಎಮ್ಎಲ್ ಆರಿಸ ಬೇಕಾಗುತ್ತದೆ ನೀವು ನೋಡಬಹುದು ಎಂದು ಮತ್ತು, ನಾನು, ಈ ಕಡಿಮೆ ಧಾರಕ ಬಿಟ್ಟು ಬಂದಿದೆ ಇದರ ID todos ಆಗಿದೆ ಪುಟದ ಈ ವಿಭಾಜಕ, ಮತ್ತು ನಾನು ಅಲ್ಲಿ ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ ಹಾಕಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ಮೊದಲ ನಾನು ಗದ್ದಲ ಪಟ್ಟಿ ಹಳೆಯ ಇಲ್ಲ, ಹೇಳುತ್ತಾರೆ, ಏಕೆಂದರೆ ಅದನ್ನು ತೆರವುಗೊಳಿಸಿ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ನಾನು, ಮತ್ತೆ ID ಆ ಅಂಶ ಪಡೆಯುವಲ್ಲಿ ಬಾಗುತ್ತೇನೆ ಮತ್ತು ನಾನು ಆ ಅಂಶ ಒಳ ಎಚ್ಟಿಎಮ್ಎಲ್ ಪ್ರವೇಶಿಸುವ ಬಾಗುತ್ತೇನೆ ಮತ್ತು ನಾನು ಆ ತೆರವುಗೊಳಿಸಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ಎಂದು ನಾವು ಈ ಕೋಡ್ ಬಿಟ್ಟರೆ, ನಾವು, ಅಲ್ಲಿ ಒಂದು ಖಾಲಿ ಇಲ್ಲ ನೋಡಿ 'd ಮತ್ತು ಈಗ ನಾನು ನನ್ನ ಹೊಸ ಗದ್ದಲ ಪಟ್ಟಿ ಸಲ್ಲಿಕೆ ಆರಂಭಿಸಲು ಬಯಸುವ. ನಾನು ಮೂಲತಃ ನನ್ನ ಗದ್ದಲ ಪಟ್ಟಿ ಅಳಿಸಿಹಾಕುತ್ತದೆ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. 

ಈಗ ಆ todos DIV ಒಳ ಎಚ್ಟಿಎಮ್ಎಲ್ ಒಳಗೆ, ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಪಷ್ಟವಾಗುತ್ತದೆ ಮತ್ತು ಈಗ ನಾನು ನನ್ನ ಪಟ್ಟಿಯಲ್ಲಿ ಸೇರಿಸುವ ಆರಂಭಿಸುವ ಅಗತ್ಯವಿರುತ್ತದೆ. ನಾನು ಮತ್ತೆ ಸೇರಿಸಲು ಬಯಸುವ ಮೊದಲ ವಿಷಯ, unordered ಪಟ್ಟಿ ಟ್ಯಾಗ್ ಹೊಂದಿದೆ ಇದು ಮೂಲಭೂತವಾಗಿ ಇದು unordered ಪಟ್ಟಿಯ ಆರಂಭ ಎಂದು ಸೂಚಿಸುತ್ತದೆ. ಈಗ ನನ್ನ todos ಶ್ರೇಣಿಯಲ್ಲಿನ ಪ್ರತಿ ಅಂಶ ನಾನು HTML ನ ಒಳಗೆ ಇದು ಮುದ್ರಿಸುತ್ತದೆ ಬಯಸುವ. ನಾನು ಈ ಪಟ್ಟಿಯಲ್ಲಿ ಕೆಳಕ್ಕೆ ಅದನ್ನು ಸೇರಿಸಲು ಬಯಸುವ. ಕೇವಲ ಸಿ ಹಾಗೆ, ನಾನು ಲೂಪ್ ಒಂದು ಬಳಸಬಹುದು, ಮತ್ತು ನನ್ನ ಪಟ್ಟಿ ಆರಂಭದಲ್ಲಿ ಆರಂಭಿಸಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಅಂಶ 0 ನಲ್ಲಿ, ಮತ್ತು ನಾನು ಪಟ್ಟಿಯ ಉದ್ದಕ್ಕೆ ಎಲ್ಲಾ ರೀತಿಯಲ್ಲಿ ಹೋಗಿ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ನಾವು ವಾಸ್ತವವಾಗಿ ಉದ್ದ ಆಸ್ತಿ ಬಳಸಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಂದು ರಚನೆಯ ಉದ್ದ ಪಡೆಯಬಹುದು. ಮೂಲತಃ ನಾನು ಇಲ್ಲಿ ಒಳಗೆ ಹೋಲುತ್ತದೆ ಏನಾದರೂ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಆ ಅಂಶ ಔಟ್ ಮುದ್ರಿಸಲು. ನಾನು ಮತ್ತೆ todos DIV, ಆ ಒಳಗಿನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಆಸ್ತಿ, ಪ್ರವೇಶಿಸಬಹುದು ಮತ್ತು ನಾನು ಈ ಹೊಸ ಪಟ್ಟಿ ಐಟಂನ ಸೇರಿಸಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ, ಮತ್ತು ಸುತ್ತಲೂ ಎಂದು ಇಂದಿನ ವಿಶೇಷವೇನು ಈ ಲಿ ಟ್ಯಾಗ್, ಮತ್ತು ನಾನು, + ಆಯೋಜಕರು ಜೊತೆ concatenate ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಮತ್ತು, ನನ್ನ todos ರಚನೆಯ ಇತ್ ಅಂಶ ಇಲ್ಲಿದೆ ಮತ್ತು ನಂತರ ನಾನು ಟ್ಯಾಗ್ ಮುಚ್ಚಿ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ಈಗ ಪ್ರತಿ ಅಂಶ ನಾವು ಹೊಸ ಪಟ್ಟಿಯಲ್ಲಿ ನಮೂದನ್ನು ಸೇರಿಸಿ ಮಾಡುತ್ತೇವೆ. ತದನಂತರ ನಾವು ಮಾಡಬೇಕಾದ್ದು ಎಲ್ಲಾ ಟ್ಯಾಗ್ ಮುಚ್ಚಿ ಆಗಿದೆ. ನಾನು ಪಟ್ಟಿಯಲ್ಲಿ ಟ್ಯಾಗ್ unordered ಎಂದು ಮುಚ್ಚಿ ಅಗತ್ಯವಿದೆ. 

ನೀವು ಆ ಕೆಲಸ ಹೇಗೆ ಒಂದು ಭಾವನೆ ಪಡೆಯಲು ಮಾಡಬೇಡಿ? ಈ ಸಂಪೂರ್ಣ ಪಟ್ಟಿ ತೆರೆಯುತ್ತದೆ. ಈ, todos ಪಟ್ಟಿಯಿಂದ ಪಟ್ಟಿಗೆ ಪ್ರತ್ಯೇಕ ಅಂಶಗಳು ಸೇರಿಸುತ್ತದೆ ತದನಂತರ ಸಂಪೂರ್ಣ ಪಟ್ಟಿ ಮುಚ್ಚಲ್ಪಡುತ್ತದೆ, ಮತ್ತು ಈ ನನ್ನ addTodo ಕ್ರಿಯೆಯಾಗಿದೆ ಎಂದು. ನಾನು ಮೂಲತಃ ಪಠ್ಯ ಪೆಟ್ಟಿಗೆಯಿಂದ ಟೊಡೊ ಪಡೆಯುವಲ್ಲಿ ಮೂಲಕ ಆರಂಭವಾಗುತ್ತದೆ. ನಾನು todos ರಚನೆಯ ಎಂದು ಸೇರಿಸಿ, ತದನಂತರ ನಾನು ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ ಮತ್ತೆ ನಿರೂಪಿಸಲು. ಈಗ ನಾನು ನನ್ನ ಪಟ್ಟಿಗೆ ಐಟಂಗಳನ್ನು ಸೇರಿಸಬಹುದು. ಈ ರೀತಿಯ ರೋಮಾಂಚಕಾರಿ ಏಕೆಂದರೆ ಕೋಡ್ ಕೆಲವೇ ಸಾಲುಗಳಲ್ಲಿ ನಾವು ಮೂಲತಃ ನಾವು ಐಟಂಗಳನ್ನು ಸೇರಿಸಬಹುದು ಅಲ್ಲಿ ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿ ಮಾಡಿದ. ಗ್ರೇಟ್. ಆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗೆ ಒಂದು ಮೂಲ ಪರಿಚಯದ ರೀತಿಯ. , ಈಗ ವಾಕ್ಯ ಬಗ್ಗೆ ತುಂಬಾ ಚಿಂತಿಸಬೇಡಿ ಆದರೆ ಈ ಪರಿಕಲ್ಪನೆಗಳ ಬಗ್ಗೆ. ನಾವು ಕೆಲವು ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೊಂದಿತ್ತು. ನಾವು ಇನ್ಪುಟ್ ಒಂದು ಗದ್ದಲ ಐಟಂಗೆ ಮೂಲತಃ ಅವಕಾಶ ಬಳಕೆದಾರರನ್ನು ಸೇರಿಸಲು ಆ ಪುಟದಲ್ಲಿ ಒಂದು ಪಠ್ಯ ಬಾಕ್ಸ್ನಲ್ಲಿ ಹೊಂದಿತ್ತು. ತದನಂತರ ನಾವು ಪಠ್ಯ ಬಾಕ್ಸ್ನಲ್ಲಿ ಆ ಟೊಡೊ ತರಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಲಾಗುತ್ತದೆ. ನಾವು ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರಚನೆಯ ಒಳಗೆ, ಇದು ರೀತಿಯ ಮೂಲತಃ ಎಂದು ಸಂಗ್ರಹವಾಗಿರುವ ಎಂದು ನಮ್ಮ ಪ್ರೋಗ್ರಾಮೆಟಿಕ್ ಪ್ರಾತಿನಿಧ್ಯ ಲಿಸ್ಟ್ ಮಾಡಲು, ತದನಂತರ ನಾವು ಅದನ್ನು ಮುದ್ರಿತ. ಈ todos.js ಆಗಿದೆ. 

ಈ ತಂಪಾದ ರೀತಿಯ, ಆದರೆ ಹೇಗೆ ನಾವು ಈ ಮುಂದಿನ ತೆಗೆದುಕೊಳ್ಳಬಹುದು? ನೀವು ನೋಡಬಹುದು ಜೊತೆಗೆ, ಈ ಗದ್ದಲ ಪಟ್ಟಿಯು ಸಂಪೂರ್ಣ ರೀತಿಯಲ್ಲಿ ಅಲ್ಲ. ಉದಾಹರಣೆಗೆ, ನಾನು, ಅಪೂರ್ಣವಾಗಿ ಈ ಐಟಂಗಳ ಯಾವುದೇ ಗುರುತಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ ನಾನು ಐಟಂಗಳನ್ನು reprioritize ಅಥವಾ ಐಟಂಗಳನ್ನು ಅಳಿಸಲು ಬಯಸಿದರೆ ಇಷ್ಟ. ಈ ತಪ್ಪಿಲ್ಲ, ಆದರೆ ನಾವು ಈ ಮುಂದಿನ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ನಾನು, ಹೆಚ್ಚುವರಿ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸುವ ಬಗ್ಗೆ ತುಂಬಾ ಮಾತನಾಡಲು ನಾನೇನು ಆದರೆ ನಾವು ಮತ್ತಷ್ಟು ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಲಿಸ್ಟ್ ಮಾಡಲು ಇದಕ್ಕೆ ಇನ್ನೊಂದು ವೈಶಿಷ್ಟ್ಯವನ್ನು ಸೇರಿಸುವುದರ ಬಗ್ಗೆ ಮಾತನಾಡೋಣ, ಒಂದು ಮಾಲಿಕ ಗದ್ದಲ ಐಟಂ ಪರಿಶೀಲಿಸಲು ಸಾಮರ್ಥ್ಯವನ್ನು ಏರಲಿದೆ ಇದು ಮತ್ತು ಅದು ಮೂಲತಃ ನಾನಿದನ್ನು ಮಾಡಿದ್ದೇನೆ ಹೇಳುವ ಔಟ್ ದಾಟಬಹುದಾಗಿತ್ತು ಎಂದು. ತಂದೆಯ ಎಂದು ಸಾಧಿಸಲು ಎಂದು ಕೆಲವು ಕೋಡ್ ನೋಡೋಣ. ನಾನು ಮೇಲಿರುವ ಮಾಡಿದ ನಾನು ಸೇರಿಸಿದ ಆಗಿದೆ ಗಮನಿಸಿ ಹೊಸ ಜಾಗತಿಕ ರಚನೆಯ ಸಂಪೂರ್ಣ ಎಂದು. ನಾನು ಮೂಲತಃ ಸಂಗ್ರಹಿಸಲು ಈ ಬಳಸಿಕೊಂಡು ಬಾಗುತ್ತೇನೆ ಎಂದು ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ ಐಟಂಗಳನ್ನು ಸಂಪೂರ್ಣ ಅಥವಾ ಇಲ್ಲ. ಈ ಮಾಡಲು ಒಂದು ಮಾರ್ಗವಾಗಿದೆ. ನಾನು ಈ ಅನುಷ್ಠಾನದಲ್ಲಿ, ಪ್ರದರ್ಶನ, ನೋಡಿದರೆ ನಾನು ಟೊಡೊ ನಮೂದಿಸಿ ಮತ್ತು ವೇಳೆ ಮೂಲತಃ ನಾನು ಈ ಟಾಗಲ್ ಗುಂಡಿಯನ್ನು ಒತ್ತಿ ಇದನ್ನು ದಾಟಿ, ಈ ಪಟ್ಟಿಯಲ್ಲಿ ಪ್ರತಿ ಐಟಂ ಒಂದೋ ಸಂಪೂರ್ಣ ಹೊಂದಿದೆ ಅಥವಾ ಅಪೂರ್ಣ ರಾಜ್ಯದ, ಮತ್ತು ನಾನು ಆ ಪ್ರತಿನಿಧಿಸಲು ಮತ್ತೊಂದು ವ್ಯೂಹವನ್ನು ಬಳಸಿಕೊಂಡು ಬಾಗುತ್ತೇನೆ. 

ಮೂಲತಃ ಎಂದು todos ಶ್ರೇಣಿಯಲ್ಲಿನ ಪ್ರತಿ ಟೊಡೊ ಫಾರ್ ಐಟಂ ಮೂಲತಃ ಸೂಚಿಸುತ್ತದೆ ಎಂದು ಸಂಪೂರ್ಣ ಶ್ರೇಣಿಯಲ್ಲಿನ ಇಲ್ಲ ಆ ಸಂಪೂರ್ಣ ಅಥವಾ ಎಂದು. ನಾನು, ಈ ಸಂಕೇತಕ್ಕೆ ಸಾಕಷ್ಟು ಕಡಿಮೆ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡಲು ಹೊಂದಿತ್ತು ಬಂದಿದೆ ಇಲ್ಲಿ ನಮ್ಮ addTodo ಕಾರ್ಯ ಇಲ್ಲಿದೆ. ಇಲ್ಲಿ ನಾನು ರಚನೆಯ ಮೇಲೆ ತಳ್ಳುವುದು ಬಾಗುತ್ತೇನೆ ಎಂದು ಗಮನಿಸಿ, ಮತ್ತು ನಂತರ ನಾನು, ಎಂದು ಸಂಪೂರ್ಣ ರಚನೆಯ ಒಂದು 0 ತಳ್ಳುವುದು ಬಾಗುತ್ತೇನೆ ಮೂಲತಃ ಹೇಳಲು ಹೊಸ ಟೊಡೊ ಪುಶ್ ಸಮಾನಾಂತರವಾಗಿ ನಾನು, ಈ ಐಟಂ ಸೇರಿಸುವ ಬಾಗುತ್ತೇನೆ, ಮತ್ತು ಇದು ಈ ಮೌಲ್ಯವನ್ನು ಸೇರಿಕೊಂಡು ವಿಶೇಷವೇನು ಇದು ಅಪೂರ್ಣ ಎಂದು ಅರ್ಥ. ಮತ್ತು ನಂತರ ನಾನು ಗದ್ದಲ ಪಟ್ಟಿ ಮರುರಚನೆ ಬಾಗುತ್ತೇನೆ. ಈಗ, ನಾನು ಈ drawTodoList ಕಾರ್ಯ ಸೇರಿಸಿದ ಗಮನಿಸಿ. ಈ, ನಾವು ಮೊದಲು ಹೊಂದಿತ್ತು ಕೋಡ್ ಬಹಳಷ್ಟು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಮೂಲತಃ ಬಾಕ್ಸ್ ಔಟ್ ದಾಟಿದರೆ ತದನಂತರ ಹೊಸ ಗದ್ದಲ ಪಟ್ಟಿ ಸೆಳೆಯುತ್ತದೆ. ಆದರೆ ಇದರ ಒಳಗೆ ಲೂಪ್ ನಾವು ಹೆಚ್ಚು ಈಗ ಸ್ವಲ್ಪ ಮಾಡುತ್ತಿರುವುದು ಎಂದು ಗಮನಿಸಿ. ನಾವು ಮೂಲತಃ ಇತ್ ಟೊಡೊ ಗೆ ಐಟಂ ಅನುಗುಣವಾದ ಎಂಬುದನ್ನು ಇಲ್ಲಿ ತಪಾಸಣೆ ನೀವು ಪೂರ್ಣಗೊಂಡ, ಮತ್ತು ನಾವು ಈ 2 ಸಂದರ್ಭಗಳಲ್ಲಿ ವಿಭಿನ್ನವಾಗಿ ವರ್ತಿಸುವ ನೀವು. ಇದು ಸಂಪೂರ್ಣ ಇಲ್ಲಿದೆ, ನಾವು, ಈ ಡೆಲ್ ಟ್ಯಾಗ್ ಸೇರಿಸಿ ನೀವು ಇದು ಮೂಲತಃ ನೀವು ಪರಿಣಾಮವನ್ನು ಮೂಲಕ ಎಂದು ಮುಷ್ಕರ ಪಡೆಯುವುದು ದಾರಿ ಇದು ಸಂಪೂರ್ಣ ಇಲ್ಲಿದೆ ವೇಳೆ ಗದ್ದಲ ಪಟ್ಟಿ ಔಟ್ ದಾಟಿ ಇದು ಅಲ್ಲ ವೇಳೆ ಮತ್ತು, ನಾವು ಸೇರಿದಂತೆ ಇಲ್ಲ. ಮತ್ತು ಆದ್ದರಿಂದ ಆ ರೀತಿಯ, ಎಂದು ಆರೈಕೆ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ 

ಮತ್ತು ಈ ಸಾಧಿಸಲು ಒಂದು ಮಾರ್ಗವಾಗಿದೆ. ಬಳಕೆದಾರ ಇವುಗಳಲ್ಲಿ ಒಂದನ್ನು ಒತ್ತಿದಾಗ ತದನಂತರ ಗಮನಕ್ಕೆ ನಾವು ಪೂರ್ಣಗೊಂಡ ಸ್ಥಿತಿ ಟಾಗಲ್. ಬಳಕೆದಾರರ ಕ್ಲಿಕ್, ನಾವು ಅದನ್ನು ಪೂರ್ಣಗೊಳಿಸಿದ ಅಥವಾ ಮಾಡಲಾಗಿದೆ ಎಂಬುದನ್ನು ರಿವರ್ಸ್ ಮಾಡಿದಾಗ, ತದನಂತರ ನಾವು ಪುನರ್ಚಿತ್ರಿಸಿದ ಮಾಡುತ್ತೇವೆ. ಕೃತಿಗಳ ಈ ರೀತಿಯ. ನಾವು, ತಮ್ಮ ಕಾರ್ಯಗಳನ್ನು ಕೈಗೊಳ್ಳಲು ಈ ಕಾರ್ಯಗಳನ್ನು ಮತ್ತು ಈ ತಪ್ಪಿಲ್ಲ. ನಾವು ಆದರೂ, ಈ ಬಗ್ಗೆ ಉತ್ತಮ ಮಾಡಬಲ್ಲರು ಇದೆಯೇ? ಈ 2 ಜಾಗತಿಕ ರಚನೆಗಳು ಹೊಂದಿರುತ್ತವೆ ಗಮನಿಸಿ. ಈ ಸಿ ಮತ್ತು ನಾವು ರೀತಿಯ ನಿರೂಪಿಸಲಾಗಿದೆ 2 ರಚನೆಗಳು ಹೊಂದಿದ್ದರೆ ರೀತಿಯ ಕೆಲವು ರೀತಿಯಲ್ಲಿ ಸಂಬಂಧಿಸಿದ ಎಂದು ದಶಮಾಂಶ ಈ 2 ಜಾಗ ಸಂಯೋಜನ ಸಿ ಏನು ಬಳಸಬಹುದು ಮಾಹಿತಿ ಎರಡೂ ತುಂಡುಗಳನ್ನು encapsulates ಏನೋ ಆಗಿ? ಯಾರಾದರೂ ಒಂದು ಸಲಹೆ ಮಾಡಲು ಬಯಸುವಿರಾ? [ವಿದ್ಯಾರ್ಥಿ ಕೇಳಿಬರುವುದಿಲ್ಲ ಪ್ರತಿಕ್ರಿಯೆ] 

ನಿಖರವಾಗಿ, ಆದ್ದರಿಂದ ನಾವು, struct ಕೆಲವು ರೀತಿಯ ಬಳಸಬಹುದಾಗಿತ್ತು ಮತ್ತು ನೀವು pset 3, ಹೇಳುತ್ತಾರೆ, ಮತ್ತೆ ಆಲೋಚಿಸುತ್ತೀರಿ, ವೇಳೆ ನಾವು ನಿಘಂಟು ಹೊಂದಿತ್ತು, ಮತ್ತು ನಂತರ ನಾವು ಮರೆಯದಿರಿ ಎಂದು ಪದ ನಿಘಂಟು ರಲ್ಲಿ, ಮತ್ತು ಎಲ್ಲಾ ಮಾಹಿತಿಯನ್ನು ಒಂದುಗೂಡಿತು ಕೆಲವು ದಶಮಾಂಶ ರಚನೆಯ ಒಳಗೆ. ಈ ಕೋಡ್ ಮಾಡಲು ಸಾಧ್ಯ ಒಂದು ವಿಷಯ ಈ 2 ವಿವಿಧ ರಚನೆಗಳು ಹೊಂದಿರುವ ತಪ್ಪಿಸಲು ಮಾಹಿತಿಯನ್ನು ರೀತಿಯ ಕಾಯಿಗಳಿಗಾಗಿ ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಸ್ತು ಅವುಗಳನ್ನು ಒಂದುಗೂಡಿಸಬಹುದು ಆಗಿದೆ. ಅವರ ಆ ಒಂದು ಗಮನಿಸೋಣ. ನಾನು ಈಗ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ಹೊಂದಿವೆ ಗಮನಿಸಿ ಮತ್ತು ನಾನು ಮಾಡಿದ ಆಗಿದೆ ಮತ್ತು ಈ ಕೇವಲ ರೀತಿಯ ಫಾರ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಾಕ್ಯ ಆಗಿದೆ ವಸ್ತುವಿನ ಒಂದು ಅಕ್ಷರಶಃ ಆವೃತ್ತಿ ಸೃಷ್ಟಿಸುತ್ತದೆ ಮತ್ತು, ಆದ್ದರಿಂದ ನಾವು ಟೊಡೊ ಹೊಂದಿವೆ, 2 ಗುಣಲಕ್ಷಣಗಳು ಇವೆ ಗಮನಕ್ಕೆ ಮತ್ತು ಅದು ಸಂಪೂರ್ಣ ಅಥವಾ ಅಪೂರ್ಣ ಇಲ್ಲಿದೆ ಎಂದು ಜೊತೆ ಇದ್ದರು ವಿಶೇಷವೇನು. ಈ ಹೋಲುತ್ತದೆ ಸಂಕೇತಗಳನ್ನು. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವಸ್ತುಗಳು ಬಳಸುತ್ತಿದ್ದರೆ. ಸುಧಾರಿಸುತ್ತದೆ ವಸ್ತುಗಳ ಈ ರೀತಿಯ. ಈಗ ಹಾಗೆ, ಸಂಬಂಧಿತ ಮಾಹಿತಿ ಎಲ್ಲಾ ಈ ಜಾಗ ಒಟ್ಟಿಗೆ ಇರಿಸಲಾಗುತ್ತದೆ. ನಾವು ಮುದ್ರಿಸುತ್ತದೆ ಹೋದಾಗ, ನಾವು ಜಾಗ ಪ್ರವೇಶಿಸಬಹುದು. 

ನಾವು todos [ನಾನು] ಮಾಡುತ್ತಿರುವುದು ಎಂಬುದನ್ನು ಗಮನಿಸಿ. ಸಂಪೂರ್ಣ ಬದಲಿಗೆ ಪ್ರತ್ಯೇಕವಾಗಿ ಸಂಪೂರ್ಣ ರಚನೆಯ ಪರಿಶೀಲಿಸುವ, ಮತ್ತು ನಾವು ಗದ್ದಲ ಆಸ್ತಿ ಪಡೆಯುತ್ತಿದ್ದೀರಿ ಗದ್ದಲ ಸ್ಟ್ರಿಂಗ್ ಪಡೆಯಲು ಬಯಸಿದಾಗ ಗಮನಕ್ಕೆ ಆ ಟೊಡೊ ಆಫ್, ಆದ್ದರಿಂದ ಈ ರೀತಿಯ ಸಮಂಜಸವೇ ಏಕೆಂದರೆ ಪ್ರತಿ ಐಟಂ ಅದರ ಬಗ್ಗೆ ಈ ಸ್ವಾಭಾವಿಕ ಗುಣಗಳನ್ನು ಹೊಂದಿದೆ. ಇದು ಟೊಡೊ ಹೊಂದಿದೆ, ಮತ್ತು ಇದು ಸಂಪೂರ್ಣ ಅಥವಾ ಅಲ್ಲ ಎಂದು ಹೊಂದಿದೆ. ಮಾಡಿರುವುದಿಲ್ಲ ಹಲವಾರು ಬದಲಾವಣೆಗಳು ಕಾರ್ಯತತ್ಪರವಾಗಿಲ್ಲದಿರಬಹುದು, ಕೇವಲ ಕೋಡ್ ಕೆಲವು ಹೆಚ್ಚು ಸೇರಿಸಲಾಗಿದೆ. ಈ ಬಲ, ಕೆಲವು ರಂಗಗಳಲ್ಲಿ ಒಂದು ಸುಧಾರಣೆ? ನಾನು ಬಿಟ್ ವಿನ್ಯಾಸ ಔಟ್ ನಾವು factored, ಅರ್ಥ. ಈಗ ನಾವು ಮೂಲತಃ ಈ ಡೇಟಾವನ್ನು ಕೋಶೀಕರಿಸುತ್ತದೆ ಗೆ ವಸ್ತುಗಳನ್ನು ಹೊಂದಿಲ್ಲ. ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ದೃಷ್ಟಿಯಿಂದ ಇಲ್ಲಿಂದ ಮಾಡಬಲ್ಲರು ಹೆಚ್ಚು ಇದೆಯೇ? ಲೈಕ್ ಸೂಚನೆ ಎಂದು ಇಲ್ಲಿಯೇ ಈ ಕೋಡ್ ಒಂದು DIV ಒಳ ಎಚ್ಟಿಎಮ್ಎಲ್ ಫಾರ್ ಗೆಟ್ಟಿಂಗ್ ಸ್ವಲ್ಪ, ನಾನು ಭಾವಿಸುತ್ತೇನೆ, ಉದ್ದವಾಗಿದೆ. Document.getElementByID ("todos") ಇಲ್ಲ. InnerHTML. ಈ ಕೋಡ್ ಒಂದು ಸ್ವಲ್ಪ ಸ್ನೇಹಮಯಿಯನ್ನಾಗಿ ಕಾಣುವಂತೆ ಮಾಡಲು ಒಂದು ವಿಷಯ ಆದ್ದರಿಂದ ನಾನು, ಹಿಂದಕ್ಕೆ ಮತ್ತು ಮುಂದಕ್ಕೆ, ಸ್ಕ್ರೋಲಿಂಗ್ ಎಡ ಮತ್ತು ಬಲ ಇರಿಸಿಕೊಳ್ಳಲು ಇರುತ್ತಿರಲಿಲ್ಲ ನಾನು jQuery ಒಂದು ಗ್ರಂಥಾಲಯದ ಬಳಸಬಹುದಾಗಿತ್ತು ಆಗಿದೆ. 

ತಂದೆಯ ಸೆಮಿನಾರ್ 2 ಔಟ್ ಪರೀಕ್ಷಿಸೋಣ ಮತ್ತು ಇದೇ ಸಂಕೇತ, ಆದರೆ ಇದು jQuery ನಿಲ್ಲಿಸುವುದಾಗಿ ಅವನು. ನೀವು, jQuery ಅತಿ ಪರಿಚಿತ ಇರಬಹುದು ಆದರೆ ಕೇವಲ jQuery ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಂದು ಗ್ರಂಥಾಲಯದ ರೀತಿಯ ಎಂದು ನಮಗೆ ತಿಳಿದಿದೆ ಎಂದು ಸುಲಭವಾಗಿ ಡಾಮ್ ಪ್ರವೇಶ ಪ್ರತ್ಯೇಕ ಅಂಶಗಳು ರೀತಿಯ ಕೆಲಸಗಳನ್ನು ಮಾಡುತ್ತದೆ. ಇಲ್ಲಿ ಬದಲಿಗೆ document.getElementByID ಹೇಳುವುದರ ("todos"). InnerHTML ನಾನು, jQuery ಹೆಚ್ಚು ಕ್ಲೀನರ್ ರೀತಿಯಲ್ಲಿ ಬಳಸಬಹುದು ಇದು ಕೇವಲ ಆಯ್ಕೆ ಬಳಸುವುದು. ನೀವು ನೋಡಬಹುದು ಎಂದು, ಈ ಕೋಡ್, ಸ್ವಲ್ಪ ಕ್ಲೀನರ್ ಬಂದೆವು ತುಂಬಾ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಹೋಲುತ್ತದೆ, ಆದರೆ ಆ ಉಪಾಯ. ನಾವು ಇದುವರೆಗೆ ವಸ್ತುಗಳ ಒಂದೆರಡು ನೋಡಿದ ಆದ್ದರಿಂದ ನಾವು ಕಚ್ಚಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನುಷ್ಠಾನ ಪ್ರಾರಂಭವಾಯಿತು. ನಾವು ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸಲಾಗಿದೆ ಮತ್ತು ನಾವು ಅದನ್ನು ಸುಧಾರಿಸಲು ಹೇಗೆ ತೋರಿಸಿದರು ಕೇವಲ ನಾವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರಲ್ಲಿ ಹೊಂದಿರುತ್ತವೆ. 

ಯಾರಾದರೂ ಈ ವಿನ್ಯಾಸದ ಯಾವುದೇ ತೊಂದರೆಗಳನ್ನು ನೋಡಿ ಡಸ್? ಅವುಗಳೆಂದರೆ, ನನ್ನ ಊಹೆಯ ಅಥವಾ ತೊಂದರೆಗಳನ್ನು ಎಂದೇನೂ ಆದರೆ ಹೇಳಲು ನಾವು ನಾವು ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿ ಯೋಜನೆಯ ಮಾಡುತ್ತಿರಲಿಲ್ಲ ಮತ್ತು ನಾಳೆ ನಾವು ನಿರ್ಧರಿಸಿದ್ದಾರೆ ನಾವು ಒಂದು ದಿನಸಿ ಪಟ್ಟಿ ಅಥವಾ ಒಂದು ಶಾಪಿಂಗ್ ಪಟ್ಟಿಯನ್ನು ಯೋಜನೆಯನ್ನು ಮಾಡಲು ಬಯಸಿದ್ದರು. ಈ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಹಳಷ್ಟು ಇವೆ. ನಾವು JavaScript ನ ಔಟ್ ಪಡೆಯಲು ಬಯಸುವ ವಸ್ತುಗಳ ಬಹಳಷ್ಟು ಅತ್ಯಂತ ಸಾಮಾನ್ಯವಾಗಿವೆ ಮತ್ತು ಈ ರೀತಿಯಲ್ಲಿ ಕೆಲವು ರೀತಿಯ ಅಗತ್ಯತೆಯನ್ನು ಒತ್ತಿಹೇಳುತ್ತದೆ ಮಾಡಲು ಈ ಸುಲಭಗೊಳಿಸುತ್ತದೆ. ನಾನು, ಈ HTML ಪ್ರವೇಶವನ್ನು ಎಲ್ಲಾ ನಿರ್ಮಿಸಲು ಎಲ್ಲಾ ಈ DOM ಕಲ್ಪಿಸಲಾಯಿತು ನಾನು ಈ ಮಾದರಿಯ ಗದ್ದಲ ಪಟ್ಟಿ ಪ್ರತಿನಿಧಿಸಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಹಾಗೆ. ಮತ್ತು ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡೆವಲಪರ್ ಮಾಹಿತಿ ಜವಾಬ್ದಾರಿ ಮನುಷ್ಯ ಗಮನಕ್ಕೆ ನಾನು ಸಿಂಕ್ ರಲ್ಲಿ ಹೊಂದಿರುವ HTML ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಇರಿಸಿಕೊಳ್ಳಬೇಕಾದ. ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಇಲ್ಲ ಎಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾತಿನಿಧ್ಯ ಅಥವಾ ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ HTML ಗೆ ಹೊರಹಾಕಲ್ಪಟ್ಟ ಪಡೆಯುತ್ತೀರಿ. ಏನೂ ನನಗೆ ಹೊರತುಪಡಿಸಿ ಜಾರಿಗೊಳಿಸಲಾಗಿದೆ. ನಾನು ಪಟ್ಟಿ ಕಾರ್ಯ ಮಾಡಬೇಕಾದವೆಂದು ಡ್ರಾ ಬರೆಯಬೇಕಾಗಿತ್ತು. ಮತ್ತು ಅರ್ಥ ನಾನು ಇರಬೇಕು, ಅದು, ಹಾಗೆ ಸಮಂಜಸ ಇಲ್ಲಿದೆ ಇರಬಹುದು ಎಂದು ಆದರೆ ಇದು ಕೆಲವೊಮ್ಮೆ ಬೇಸರದ ಇರಬಹುದು. ನೀವು ಒಂದು ದೊಡ್ಡ ಯೋಜನೆ ಇದ್ದರೆ, ಆ ಕಷ್ಟವಾಗುತ್ತದೆ. 

ಚೌಕಟ್ಟುಗಳು, ಚೌಕಟ್ಟುಗಳ ಉದ್ದೇಶಗಳಲ್ಲಿ ಒಂದು ಫ್ಯಾಕ್ಟರ್ನ ಪ್ರಕ್ರಿಯೆಯ ಮತ್ತು ರೀತಿಯ ಔಟ್ ಸರಳಗೊಳಿಸುವ ಆಗಿದೆ ಈ ಸಾಮಾನ್ಯ ನಾನು ನೀವು ಸಾಧ್ಯವೋ ಹೇಳುತ್ತಾರೆ ವಿನ್ಯಾಸ ಮಾದರಿಗಳನ್ನು ಊಹೆ ಜನರು ಸಾಮಾನ್ಯವಾಗಿ, ದಶಮಾಂಶ ಪ್ರತಿನಿಧಿಸುವ ರೀತಿಯಲ್ಲಿ ಕೆಲವು ರೀತಿಯ ಹೊಂದಿವೆ ಆ ನಕ್ಷೆ ಮಾಹಿತಿ ಇಲ್ಲಿದೆ ಎಂದು, ಒಂದು ಸ್ನೇಹಿತರ ಪಟ್ಟಿಯಿಂದ ಇಲ್ಲಿದೆ ಎಂದು ಅಥವಾ ಏನೋ ಅಥವಾ ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿ. ಕೆಲವರು, ಸಾಮಾನ್ಯವಾಗಿ ಮಾಹಿತಿ ಪ್ರತಿನಿಧಿಸುವ ಒಂದು ರೀತಿಯಲ್ಲಿ ಹೊಂದಿವೆ ಮತ್ತು ಅವರು ಸಾಮಾನ್ಯವಾಗಿ ಸಿಂಕ್ ಆ ಮಾಹಿತಿ ರೀತಿಯ ಇರಿಸಿಕೊಳ್ಳಲು ಅಗತ್ಯವಿದೆ ಬಳಕೆದಾರ ನೋಟದ ಕೆಲವು ರೀತಿಯ ನೋಡುತ್ತಾನೆ ಏನು ನಡುವೆ, ನೀವು ಉಪನ್ಯಾಸದಲ್ಲಿ ಕಂಡಿದ್ದು ಮಾದರಿ ವೀಕ್ಷಿಸಿ ನಿಯಂತ್ರಕ ರೀತಿಯ ಪರಿಭಾಷೆಯಲ್ಲಿ ಹೇಳುವುದಾದರೆ, ತದನಂತರ ಈ ಸಂದರ್ಭದಲ್ಲಿ ಈ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಶ್ರೇಣಿಯನ್ನು ಇದು ಮಾದರಿ. ಚೌಕಟ್ಟುಗಳು ಆ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಲು ಒಂದು ದಾರಿ. ಈಗ ಪಟ್ಟಿಯಲ್ಲಿ ಮಾಡಬೇಕಾದವೆಂದು ಈ ಅನುಷ್ಠಾನಕ್ಕೆ ನಲ್ಲಿ ಅವಲೋಕಿಸೋಣ angularjs ಎಂಬ ಚೌಕಟ್ಟಿನಲ್ಲಿ. ಇದು ಹೊಂದಿದೆ. ಇದು ಒಂದು ಸ್ಲೈಡ್ ಮೇಲೆ ಸೂಕ್ತವಾದ ಗಮನಿಸಿ. ನಾನು ಎಡ ಮತ್ತು ಬಲಕ್ಕೆ ಸ್ಕ್ರೋಲ್ ಇಲ್ಲ. ಅದು ಬಹುಶಃ, ಚೌಕಟ್ಟನ್ನು ಬಳಸಿಕೊಂಡು ಶಿಫಾರಸು ಮಾಡಲು ಒಂದು ದೊಡ್ಡ ಕಾರಣ ಅಲ್ಲ ಆದರೆ ಸೂಚನೆ ನಾನು ಇಲ್ಲಿ ಮಾಲಿಕ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳು ಪ್ರವೇಶಿಸುವ ನಾನು? ನಾನು DOM ಹೋಗುವಾಗ ಆಮ್? ಆ ರೀತಿಯ ಯಾವುದೇ document.getElementByID ಅಥವಾ ಏನೋ ನೋಡಿ ಡು? ಇಲ್ಲ, ಆ ಗಾನ್. 

ಕೋನೀಯ ನಮಗೆ DOM ಮತ್ತು ಏನೋ ನಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರಾತಿನಿಧ್ಯ ಇರಿಸಿಕೊಳ್ಳಲು ಸಹಾಯ ಸಿಂಕ್ ರಲ್ಲಿ ರೀತಿಯ, ಇದು, JS ಕಡತದಲ್ಲಿ ಅಲ್ಲ ಹಾಗಿದ್ದಲ್ಲಿ ಸರಣಿಬದ್ಧವಾಗಿ ಎಲ್ಲಾ ಎಚ್ಟಿಎಮ್ಎಲ್ ವಿಷಯಕ್ಕೆ ಮಾಡುವ ಯಾವುದೇ ರೀತಿಯಲ್ಲಿ ಅಲ್ಲಿ ಇಲ್ಲಿದೆ ವೇಳೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿಂದ ಹೇಗೆ ನಾವು ಸಿಂಕ್ ಈ ಕೀಪಿಂಗ್ ಮಾಡಲಾಗುತ್ತದೆ? ಇದು. JS ಕಡತದಲ್ಲಿ ಅಲ್ಲ ವೇಳೆ, ಇದು ಬಲ, HTML ನಲ್ಲಿ ಎಂದು ಸಿಕ್ಕಿತು ವಿಶೇಷವೇನು? ಇದು HTML ಫೈಲ್ ಹೊಸ ಆವೃತ್ತಿಯಾಗಿದೆ ಮತ್ತು ನಾವು ಇಲ್ಲಿ ಬಹಳಷ್ಟು ಸೇರಿಸಿದ ಗಮನಿಸಿ. Ng ಕ್ಲಿಕ್ ಹಾಗೂ ng-ಮತ್ತೆ ಹೇಳುತ್ತಾರೆ ಈ ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಇಲ್ಲ ಗಮನಿಸಿ. ವಿನ್ಯಾಸದಲ್ಲಿ ಕಷ್ಟಗಳನ್ನು ಈ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಬಹುದು ಕೋನೀಯ ತಂದೆಯ ವಿಧಾನ ಮೂಲತಃ HTML ಹೆಚ್ಚು ಪ್ರಬಲ ಮಾಡುವುದು. ಕೋನೀಯ ನೀವು HTML ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಅಭಿವ್ಯಕ್ತಿಗೆ ಮಾಡಲು ಅವಕಾಶ ಒಂದು ಮಾರ್ಗವಾಗಿದೆ. ಉದಾಹರಣೆಗೆ, ನಾನು ಈ ಪಠ್ಯ ಬಾಕ್ಸ್ನಲ್ಲಿ ಷರತ್ತು ಅಥವಾ ಬೈಂಡ್ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಎಂದು ಹೇಳಬಹುದು ನನ್ನ ಕೋನೀಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಒಂದು ವೇರಿಯೇಬಲ್ ಗೆ. ಈ ng-ಮಾದರಿ ಕೇವಲ ಮಾಡುತ್ತದೆ. ಮೂಲಭೂತವಾಗಿ ಹೇಳುತ್ತದೆ ಐಟಂ ಈ ಪಠ್ಯ ಪೆಟ್ಟಿಗೆಯ ಒಳಗೆ, ಆ ಕೇವಲ ವೇರಿಯಬಲ್ new_todo_description ಆ ಸಂಯೋಜಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಒಳಗೆ. ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಹೋಗಲು ಹೊಂದಿಲ್ಲ ಏಕೆಂದರೆ ಅದು ಅತ್ಯಂತ ಶಕ್ತಿಯುತ ಇಲ್ಲಿದೆ DOM ಎಂದು ಮಾಹಿತಿ ಪಡೆಯಲು. ನಾನು document.getElementByID ಹೇಳಲು ಇಲ್ಲ. ನಾನು DOM ಪ್ರವೇಶಾನುಮತಿಗಳ jQueries ಬಳಸಲು ಹೊಂದಿಲ್ಲ. ನಾನು ವೇರಿಯಬಲ್ ಬದಲಾದಾಗ ನಾನು ಒಂದು ವೇರಿಯಬಲ್ ಇದನ್ನು ಸಂಯೋಜಿಸಲು, ಮತ್ತು ಮಾಡಬಹುದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಳಗೆ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಸಿಂಕ್ ಇರಿಸಲಾಗಿತ್ತು ವಿಶೇಷವೇನು ಆದ್ದರಿಂದ ಎರಡು ನಡುವೆ ಹಿಂದಕ್ಕೆ ಮತ್ತು ಮುಂದಕ್ಕೆ ಹೋಗಲು ಹೊಂದುವ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ. ಆ ಅರ್ಥದಲ್ಲಿ ಮಾಡಲು ಡಸ್? 

ಮತ್ತು ಯಾವುದೇ HTML ಪ್ರವೇಶ ಕೋಡ್ ಇತ್ತು ಗಮನಿಸಿ. ನಾವು ಕೇವಲ HTML ಹೆಚ್ಚಿನ ಶಕ್ತಿಶಾಲಿ ಮಾಡಿದ ಮತ್ತು ಈಗ, ಉದಾಹರಣೆಗೆ, ನಾವು, ಈ ರೀತಿಯ ಕೆಲಸಗಳನ್ನು ಮಾಡಬಹುದು ಈ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, todos.js ವ್ಯಾಪ್ತಿಯಲ್ಲಿ ಈ ಕಾರ್ಯವನ್ನು ಕರೆ ಇಷ್ಟ, ಮತ್ತು, ಈ ng-ಮಾದರಿಯ ಹಾಗೆ, ನಾವು ಮೊದಲು ಹಾಗೆ, ಆದರೆ ಇತರ ವಿಷಯಗಳನ್ನು ಮತ್ತು ಈ ng-ಮತ್ತೆ ಗಮನಿಸಬಹುದು. ನೀವು ಈ ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು? ಇಲ್ಲಿ ಮೊದಲು ನಮ್ಮ unordered ಪಟ್ಟಿ ಇಲ್ಲಿದೆ. ನಾವು, ಉಲ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿವೆ ಆದರೆ ನಾನು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಒಳಗೆ ಎಂದು ಪಟ್ಟಿ ಸಲ್ಲಿಕೆ ನಾನು? ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಎಂದು ಪಟ್ಟಿ ಸಲ್ಲಿಕೆ ನನಗಿಲ್ಲ. ಈ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ? ಸರಿ, ದಾರಿ ಕೋನೀಯ ಈ ಒಂದು ಪುನರಾವರ್ತಕ ಕರೆಯಲಾಗುತ್ತದೆ ಯನ್ನು ಒಳಗೊಂಡಿದೆ. ಮೂಲತಃ ನಾನು ಈ HTML ಮುದ್ರಿಸಲು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ ನನ್ನ todos ರಚನೆಯ ಪ್ರತಿ ಟೊಡೊ ಒಳಗಿನ. Todos.jr ಒಳಗಿನ todos ಸರಣಿ, ಇಲ್ಲಿಯೇ ಇರುತ್ತದೆ ಮತ್ತು ಈ ಆ ರಚನೆಯ ಮೂಲಕ ಕೋನೀಯ GO ಹೇಳುತ್ತವೆ, ಮತ್ತು ಪ್ರತಿ ಅಂಶ ಅನ್ನು ನೋಡಿ ನಾನು ನೀವು ಈ HTML ಮುದ್ರಿಸಲು ಬಯಸುವ. ನಾನು ಇದನ್ನು ಕೇವಲ ಏಕೆಂದರೆ ಈ ನಾಡಿದು ರೀತಿಯ ಲೂಪ್ ಒಂದು ಬರೆಯುವ ಅಗತ್ಯವೇ ಇಲ್ಲದೇ, ಇದು ಕೋಡ್ ಕೇವಲ 30 ಸಾಲುಗಳನ್ನು ಎಂದು ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿಗಾಗಿ ಅತ್ಯಂತ ಅನುಕೂಲಕರ ವಿಷಯ ಇರಬಹುದು, ನೀವು ಒಂದು ದೊಡ್ಡ ಯೋಜನೆಯನ್ನು ಹೊಂದಿದ್ದರೆ ಆದರೆ, ಈ ಬಹಳ ಅನುಕೂಲಕರ ಸಾಧ್ಯವಾಯಿತು. 

ಈ HTML ಹೆಚ್ಚು ಶಕ್ತಿಯುತ ಮಾಡುವ, ಈ ಸಮಸ್ಯೆಗೆ ಒಂದು ಪರಿಹಾರ, ಮತ್ತು ನಮಗೆ ಸಿಂಕ್ ರಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ಇರಿಸಿಕೊಳ್ಳಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಈ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಲು ಇತರ ಸಂಭಾವ್ಯ ರೀತಿಯಲ್ಲಿ, ಇವೆ ಮತ್ತು ಪ್ರತಿ ಚೌಕಟ್ಟನ್ನು ಈ ಮಾಡುವುದಿಲ್ಲ. ಪ್ರತಿ ಚೌಕಟ್ಟನ್ನು ಈ ಹಳಿಗಳ ಕೆಲಸ ಮಾಡಿರುವುದಿಲ್ಲ. ಕೆಲವು ಚೌಕಟ್ಟುಗಳು, ವಿವಿಧ ವಿಧಾನಗಳನ್ನು ಹೊಂದಿದ್ದವು ಮತ್ತು ನೀವು ಇತರ ಪ್ರತಿ ಒಂದು ಚೌಕಟ್ಟಿನಲ್ಲಿ ಕೋಡಿಂಗ್ ಅನುಭವಿಸುವ ಕಾಣಬಹುದು. ಅವರ ಇನ್ನೊಂದು ನೋಡೋಣ. ಈ ಬ್ಯಾಕ್ಬೋನ್ ಎಂಬ ಚೌಕಟ್ಟಿನಲ್ಲಿ ಅಪ್ ಮಾಡಲಾದ ಗದ್ದಲ ಪಟ್ಟಿ. ನಾನು ಬೇಗ ಈ ಮೂಲಕ ಹೋಗಿ ಹೋಗುವ ಬಾಗುತ್ತೇನೆ. ನಾವು ಅಲ್ಲಿ ಹೋಗಿ ಮೊದಲು ನಾನು ಎಚ್ಟಿಎಮ್ಎಲ್ ಆರಂಭಿಸಲು ಮಾಡುತ್ತೇವೆ. ಒಂದು ಎರಡನೇ. ನೀವು ಗಮನಿಸಿ ಮಾಹಿತಿ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಆರಂಭಗೊಂಡು, ನಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೋಲುತ್ತದೆ ಆ ಮುಂಭಾಗದಲ್ಲಿ ಮೊದಲು, ಆದ್ದರಿಂದ ಅಲ್ಲ ತುಂಬಾ ಹೊಸ ಇದ್ದ. ಆದರೆ ನಮ್ಮ JS ಫೈಲ್ ಸ್ವಲ್ಪ ವಿಭಿನ್ನವಾಗಿದೆ. ಬೆನ್ನೆಲುಬಾಗಿ ರೀತಿಯ ಈ ಕಲ್ಪನೆಯನ್ನು ಹೊಂದಿದೆ, ಅಥವಾ ಕಲ್ಪನೆಯನ್ನು ನಿರ್ಮಾಣವಾಗುತ್ತದೆ ನಾವು ಏನು ಬಹಳಷ್ಟು, ಹೇಳುತ್ತಾರೆ, ನಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಯೋಜನೆಗಳು ಮಾದರಿಗಳು ಮತ್ತು ಈ ಮಾದರಿಗಳ ಸಂಗ್ರಹಣೆಯ ಬಗ್ಗೆ ಇದೆ. ಇದು, ಉದಾಹರಣೆಗೆ, ಫೋಟೋಗಳನ್ನು ಫೋಟೋ ಮತ್ತು ಸಂಗ್ರಹಣೆಯ ಆಗಿರಬಹುದು ಅಥವಾ ಸ್ನೇಹಿತರ ಸ್ನೇಹಿತರಿಗೆ ಮತ್ತು ಸಂಗ್ರಹಣೆಯ ಕಲ್ಪನೆ. ಮತ್ತು ಅನೇಕ ವೇಳೆ ನಾವು JavaScript ಅಪ್ಲಿಕೇಶನ್ಗಳು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಮಾಡಿದಾಗ ಸ್ನೇಹಿತರ ಸಂಗ್ರಹವನ್ನು ಹೊಂದಿರುವ ಕಲ್ಪನೆಯನ್ನು ಪ್ರತಿನಿಧಿಸಲು ಆಫ್ ನಾವು ವಿಂಗಡಿಸಲು ಮಾಡುತ್ತೇವೆ ಹೇಗೋ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ಬ್ಯಾಕ್ಬೋನ್ ನಮಗೆ ಈ ಪದರವನ್ನು ನೀಡುತ್ತದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ರಚನೆಗಳು ಮತ್ತು ವಸ್ತುಗಳ ಮೇಲೆ ಸುಲಭವಾಗಿ ಎಂದು ಹೆಚ್ಚು ಪ್ರಬಲ ಕೆಲಸಗಳನ್ನು. 

ಇಲ್ಲಿ ನಾನು, ಒಂದು ಗದ್ದಲ ಮಾದರಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಬಂದಿದೆ ಮತ್ತು ನೀವು, ವಾಕ್ಯ ಬಗ್ಗೆ ತುಂಬಾ ಚಿಂತೆ ಇಲ್ಲ ಆದರೆ ಇದರ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಒಂದು ಎಂದು ಗಮನಿಸಬಹುದು? ಇದು ಡೀಫಾಲ್ಟ್ ಕ್ಷೇತ್ರ ಹೊಂದಿದೆ. ಬ್ಯಾಕ್ಬೋನ್ ನನಗೆ ಬ್ಯಾಟ್ ಆಫ್ ಈಗಾಗಲೇ ಸೂಚಿಸಲು ಅವಕಾಶ ನಾನು ರಚಿಸಿದ ಗದ್ದಲ ಯಾವುದೇ ಹೊಸ ಈ ಡಿಫಾಲ್ಟ್ ಮಾಡಲಿಕ್ಕೆ ಇದೆ. ಈಗ ನಾನು ಈ ಕಸ್ಟಮೈಸ್, ಆದರೆ ಡಿಫಾಲ್ಟ್ ಸೂಚಿಸಲು ಎಂದು ಸಾಧ್ಯವಾಯಿತು ಮಾಡಬಹುದು ಸಂತೋಷವನ್ನು ಆಗಿದೆ, ಮತ್ತು ಈ ರೀತಿಯಲ್ಲಿ ಅದು ಏಕೆಂದರೆ ಇದು ಅನುಕೂಲಕರ ರೀತಿಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಂತರ್ಗತವಾಗಿರುವ, ಮತ್ತು ಈಗ ನಾನು ಸ್ಪಷ್ಟವಾಗಿ ಇಲ್ಲ todos ಅಪೂರ್ಣ ಎಂದು ಹೇಳುತ್ತಾರೆ. ನಾನು todos ಅಪೂರ್ಣ ಮಾಹಿತಿ ಗುರುತಿಸಲಾಗುತ್ತದೆ ಹೋಗುವ ಎಂದು ಬಲ ಬ್ಯಾಟ್ ಆಫ್ ಹೇಳಬಹುದು. ನಂತರ ಗಮನಿಸಿ ಈ ಏನು? ಈಗ ನಾನು ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿದ್ದಾರೆ, ಮತ್ತು ಒಂದು ಸಂಗ್ರಹ ಇಲ್ಲಿದೆ. ಮಾದರಿ ಟೊಡೊ ಹೇಳುತ್ತದೆ ಸಂಬಂಧಿಸಿದ ಕ್ಷೇತ್ರದಲ್ಲಿ ಗಮನಿಸಿ. ಇದು ಬ್ಯಾಕ್ಬೋನ್ ಹೇಳುವ ನನ್ನ ದಾರಿ ಈ ಮಾಲಿಕ todos ಸಂಗ್ರಹವನ್ನು ಕುರಿತು ವೃಂದದಲ್ಲಿರುತ್ತೇನೆ. ಈ ಮೂಲತಃ ನನ್ನ ಕಾರ್ಯಕ್ರಮಕ್ಕಾಗಿ ಮಾದರಿ ರಚನೆಯಾಗಿದೆ. ಇಲ್ಲಿ ನಾನು, ಸಂಗ್ರಹವೊಂದನ್ನು ಈ ಕಲ್ಪನೆಯನ್ನು ಹೊಂದಿವೆ ಮತ್ತು ಮೂಲತಃ ಆ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಒಳಗೊಂಡಿರುವ ಐಟಂಗಳನ್ನು ಎಲ್ಲಾ, ಈ todos ಎಂದು ಹೋಗುವ ಮತ್ತು ಈ ಅರ್ಥದಲ್ಲಿ ಬಹಳ ಸಹಜ ನಾನು ಏಕೆಂದರೆ todos ಹೊಂದಿವೆ, ಮತ್ತು ನಾನು ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಅವುಗಳನ್ನು ಹೊಂದಿರುತ್ತವೆ. 

ತಂದೆಯ ಈ ಒಂದು ಸ್ವಲ್ಪ ನೋಡೋಣ. ಇಲ್ಲಿ ಒಂದು ಬ್ಯಾಕ್ಬೋನ್ ಚಿತ್ರಣವಾಗಿದೆ. ಬ್ಯಾಕ್ಬೋನ್ ಹೇಳುತ್ತದೆ ಇತರ ವಿಷಯ ಎಂದು ನಿಮ್ಮ ಬಗ್ಗೆ ಅಥವಾ ಸಂಗ್ರಹಗಳು ಆಲೋಚನೆ ನೀವು ಮಾದರಿಗಳ ಬಹಳಷ್ಟು ಪ್ರಕಟಗೊಳ್ಳುತ್ತಿಲ್ಲ ಕೆಲವು ರೀತಿಯಲ್ಲಿ ಮಾಡಬೇಕು ಹೋಗುವ. ನಾವು, ಲಿಸ್ಟ್ ಮಾಡಲು ಎಂದು ನಿರೂಪಿಸಲು ಅಗತ್ಯ ನಾವು ಪ್ರತಿ ಮಾದರಿಗೆ ಒದಗಿಸಬಹುದು ವೇಳೆ ಮತ್ತು ಇದು ಸಂತೋಷವನ್ನು ಎಂದು ಅಥವಾ ಪ್ರತಿ ಮಾದರಿಯು ಈ ವೀಕ್ಷಿಸಿ ಸಂಯೋಜಿಸಲು ನಮಗೆ ಅನುಮತಿಸುವ ನಾನು ಎರಡು ಒಟ್ಟಿಗೆ ಸಂಪರ್ಕ ಊಹೆ? ಮೊದಲು ಆದರೆ ನಾವು ಮೂಲಕ ಔಟ್ ಎಂದು ಲೂಪ್ ಒಂದು ಬಳಸಬೇಕಿತ್ತು ಪ್ರತಿ ನಮ್ಮ ಪಟ್ಟಿಯಲ್ಲಿ ಟೊಡೊ ತದನಂತರ ಇಲ್ಲಿ ಮುದ್ರಿಸುತ್ತದೆ ನಾವು ಮೂಲತಃ ಈ ಮಾದರಿಯಿಂದ ಇದು ಸಂಪರ್ಕಿಸಬಹುದು. ಇದು ಗದ್ದಲ ಚಿತ್ರಣವಾಗಿದೆ. ಈ ನಾವು ಮೊದಲು ಕಂಡು ಟೊಡೊ ಸಂಬಂಧಿಸಿದೆ. ಈಗ ಪ್ರತಿ ಟೊಡೊ displayable ಅಥವಾ renderable ಇದೆ ಈ ಮೂಲಕ ವೀಕ್ಷಣೆ ಮಾಡಲು. ಜಾಗ ಕೆಲವು ಗಮನಿಸಿ. ನೀವು ಈ ಟ್ಯಾಗ್ ಹೆಸರನ್ನು ಹೊಂದಿದೆ ಟ್ಯಾಗ್ ಹೆಸರನ್ನು ಯೋಚಿಸುವುದೇನು: ಲಿ? ಒಂದು ಟೊಡೊ ನಿರೂಪಿಸಲು ನಾವು ಬೇಕಾಗಿದ್ದಾರೆ ಮಾಡಿದಾಗ ಮೊದಲು ನೆನಪಿಡಿ ನಾವು ಸ್ಪಷ್ಟವಾಗಿ ಈ ಲಿ ಟ್ಯಾಗ್ ನಮ್ಮ todos ಜೋಡಿಯಾಗಬಹುದಾಗಿರುತ್ತದೆ ಹೊಂದಿರುತ್ತದೆ. ಈಗ ನಾವು ಈ ಟೊಡೊ ವಾಸಿಸಲು ಹೋಗಿ ಅಲ್ಲಿ ಎಂದು ನೀವು ಒಂದು ಲಿ ಟ್ಯಾಗ್ನ ಒಳಗಡೆ ಹೋಗುವ ಇದೆ. ಮತ್ತು ಈಗ ನಾವು ನಮ್ಮ todos ಘಟನೆಗಳನ್ನು ಸಂಬಂಧ ನೀವು. 

ಪ್ರತಿ ಟೊಡೊ ಈ ಒಂದು ಈವೆಂಟ್ ಹೊಂದಿದೆ. ನೀವು ಬಹುಮಟ್ಟಿಗೆ ಟಾಗಲ್ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ಆ, ನಾನು ಹೇಳಿದರು ಬಾಗುತ್ತೇನೆ ಇಲ್ಲಿದೆ ನಂತರ ಮೂಲಭೂತವಾಗಿ ಇದು ಮುಂಚೆ ಇದ್ದ ವಿರುದ್ಧ ಮಾಹಿತಿ ಟೊಡೊ ಗುರುತು ತದನಂತರ ಅಪ್ಲಿಕೇಶನ್ ಮತ್ತೆ ನಿರೂಪಿಸಲು. ಈ ಮೊದಲು ಕೋಡ್ ಹೋಲುವ ರೀತಿಯ ಆಗಿದೆ. ನಾವು ಎರಡೂ ವಿರುದ್ಧ ಅಥವಾ ಎಂದು ಗುರುತಿಸಲಾಗಿದೆ ನೆನಪಿಡಿ ತದನಂತರ ನಾವು ಮರು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಆದರೆ ಈಗ HTML ನಲ್ಲಿ ಎಂದು ಏನೋ ಎಂದು ಬಳಸಲಾಗುತ್ತದೆ ಈ ಈವೆಂಟ್ ಗಮನಿಸಿ. ಇದು ಅಲ್ಲಿ ಕುಳಿತಿದ್ದ. ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಹೊಂದಿತ್ತು. ನೀವು ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ, ಇದು ರೀತಿಯ ವಿಷಯವನ್ನು ಮಾಡುತ್ತದೆ ಟೊಡೊ ಅಪೂರ್ಣ ಎಂದು ಸ್ಥಾಪಿಸಲಾಯಿತು. ಇಲ್ಲಿ ನಾವು ಟಾಗಲ್ ಬಟನ್ ಕ್ಲಿಕ್ ಆ ಘಟನೆಯ ಸಂಬಂಧ ಬಂದಿದೆ ಮತ್ತು ಇದು ಈ ದೃಷ್ಟಿಯಿಂದ ಆನ್ ಅಥವಾ ಆಫ್ ಇಲ್ಲಿದೆ ಎಂಬುದನ್ನು ವಿರುದ್ಧ. 

ಇದು ಅತ್ಯಂತ ಭದ್ರವಾದ ಎಂದು ಆದ್ದರಿಂದ ಈ ಈವೆಂಟ್ ಸ್ಥಾಪನೆಗೆ ಒಂದು ಸಂತೋಷವನ್ನು ದಾರಿ ಈ ದೃಷ್ಟಿಕೋನದ, ಮತ್ತು ಆದ್ದರಿಂದ ಹೆಚ್ಚು ಈ ಒಂದು ಗಮನಿಸಿ. ನಾನು ಈ ರೆಂಡರ್ ವಿಧಾನವನ್ನು ಹೊಂದಿವೆ, ಮತ್ತು ನಾವು ವಿವರಗಳು ಮೂಲಕ ಹೋಗಲು ಹೊಂದಿಲ್ಲ. ಇದು, ನಾವು ಮೊದಲು ಯಾವುದೆಂದು ಹೋಲುವ ರೀತಿಯ ಇಲ್ಲಿದೆ ಆದರೆ ನಾನು ಏನು ಮೂಲಕ ಲೂಪಿಂಗ್ ನನಗಿಲ್ಲ ಗಮನಿಸಿ. ನಾನು ಅಂಶಗಳನ್ನು ಎಲ್ಲಾ ಮುದ್ರಿಸಲು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಹೇಳುವ ರೀತಿಯ ಇಲ್ಲಿದೆ ಆ ಉಲ್ ಟ್ಯಾಗ್ ಮುದ್ರಣ ನನಗಿಲ್ಲ. ನಾನು ಈ ಒಂದು ಗದ್ದಲ ಐಟಂ ಸಲ್ಲಿಸುವುದಕ್ಕಾಗಿ ಕ್ರಿಯಾತ್ಮಕತೆಯನ್ನು ನೀಡುವ ಬಾಗುತ್ತೇನೆ. ಈ ಮೂಲತಃ ಒಂದು ಅತ್ಯಂತ ಶಕ್ತಿಯುತ ಪರಿಕಲ್ಪನೆಯಾಗಿದೆ ನಮ್ಮ ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ ಎಲ್ಲಾ ಈ todos ಒಳಗೊಂಡಿದೆ, ಮತ್ತು ನಾವು ಮೂಲತಃ ಸೂಚಿಸಬಹುದು ವೇಳೆ ಆ todos ಒಂದು ನಿರೂಪಿಸಲು ರೀತಿಯಲ್ಲಿ ನಂತರ ನಾವು ವಸ್ತುತಃ ನಮ್ಮ ಪ್ರಬಲ ಬೆನ್ನೆಲುಬಾಗಿ ಹೊಂದಬಹುದು todos ಎಲ್ಲಾ ನಿರೂಪಿಸಲು ಮಾಲಿಕ todos ಮೇಲೆ ರೆಂಡರ್ ವಿಧಾನ ಕರೆದು. ಈ ಇಲ್ಲಿ ಉಪಯುಕ್ತ ಪರಿಕಲ್ಪನೆಯಾಗಿದೆ. ಈಗ ಕೇಳಲು ಉತ್ತಮ ಪ್ರಶ್ನೆ ಈ ಅಪ್ಲಿಕೇಶನ್ ಹೇಗೆ ಒಟ್ಟಾಗಿ ಮಾಡಲಾಗುತ್ತಿದೆ ಆಗಿದೆ? ನಾವು ಒಂದು ಟೊಡೊ ನಿರೂಪಿಸಲು ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿರುತ್ತವೆ, ಏಕೆಂದರೆ ಆದರೆ ಹೇಗೆ ನಾವು ಅನೇಕ todos ಕಲ್ಪನೆಯನ್ನು ಪಡೆಯಲು ಇಲ್ಲ? 

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

ಈ ಬಹುತೇಕ ವಿಚಿತ್ರವಾಗಿ ತೋರುತ್ತದೆ ನಾವು ಎಂದು todos.push ಮಾಡಲು ಮೊದಲು ಏಕೆಂದರೆ, ತದನಂತರ ನಾವು, ಮಾಡಲಾಯಿತು, ಮತ್ತು ಈ ನಿರ್ದಿಷ್ಟ ಯೋಜನೆಗೆ ಸಂಕೀರ್ಣವಾದ ಕಾಣಿಸಬಹುದು ಮತ್ತು ಆ ಬ್ಯಾಕ್ಬೋನ್ ಅಥವಾ ಕೋನೀಯ ಅಥವಾ ಯಾವುದೇ ಇತರ ಚೌಕಟ್ಟನ್ನು ಕಾಣಬಹುದು ನಿಮ್ಮ ನಿರ್ದಿಷ್ಟ ಯೋಜನೆ ಸರಿಹೊಂದುವಂತೆ, ಆದರೆ ನಾನು ಅದರ ಬಗ್ಗೆ ಯೋಚಿಸಲು ಪ್ರಮುಖ ಭಾವಿಸುತ್ತೇನೆ ಇಲ್ಲ ಏನು ಈ ದೊಡ್ಡ ಯೋಜನೆಗಳಿಗೆ ಒಂದು ದೊಡ್ಡ ಪ್ರಮಾಣದಲ್ಲಿ ಅಂದರೆ, ಏಕೆಂದರೆ ನಾವು ಪ್ರತಿನಿಧಿಸುವ ಅಲ್ಲಿ ಒಂದು ದೊಡ್ಡ ಯೋಜನೆಯ ಹಂತ ವೇಳೆ ಕೆಲವು ನಿಜವಾಗಿಯೂ ಸಂಕೀರ್ಣ ಸಂಗ್ರಹ, ಕೇವಲ ಒಂದು ಗದ್ದಲ ಪಟ್ಟಿಯಲ್ಲಿ ಹೆಚ್ಚು ಆಳವಾದ ಏನೋ, ನ ಒಂದು ಸ್ನೇಹಿತರ ಪಟ್ಟಿಯಿಂದ ಅಥವಾ ಹಾಗೆ ಏನೋ ಹೇಳಲು ಅವಕಾಶ, ಈ HANDY ಬರುತ್ತವೆ ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ಏಕೆಂದರೆ ನಾವು, ಒಂದು ನಿಜವಾಗಿಯೂ ಅನುಕೂಲಕರ ರೀತಿಯಲ್ಲಿ ನಮ್ಮ ಕೋಡ್ ಸಂಘಟಿಸಲು ಸಾಧ್ಯವಾಯಿತು ಬೇರೊಬ್ಬರು ಸುಲಭವಾಗುತ್ತದೆ ಎಂದು ಒಂದು ರೀತಿಯಲ್ಲಿ ಯಾರು ಮೇಲೆ ನಿರ್ಮಿಸುವ ಯೋಜನೆಯನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ಬಯಸಿದರು. ಈ ರಚನೆ ಬಹಳಷ್ಟು ಒದಗಿಸುತ್ತದೆ ಎಂದು ನೋಡಬಹುದು. ಮತ್ತು ನಂತರ ನಾನು ಈ addItem ಮೇಲೆ ನಿರೂಪಿಸಲು ಕರೆ ಬಾಗುತ್ತೇನೆ. ನೀವು ನೋಡಬಹುದು ಎಂದು, ಮಾಡಲು ಮತ್ತು ಈ ಸಂಪೂರ್ಣ ವಾಕ್ಯ ಆತುರದಿಂದ ಇಲ್ಲ, ಆದರೆ ಮೂಲತಃ ಪ್ರತಿ ಮಾದರಿಗೆ ಇದು ಮಾಲಿಕ ರೆಂಡರ್ ವಿಧಾನ ಕರೆಯಲು ಇಂದಿನ ವಿಶೇಷವೇನು. ಈ ಬರುತ್ತದೆ ಅಲ್ಲಿ ಆ ರೀತಿಯ ಇಲ್ಲಿದೆ. ಕೇವಲ ವೈಯಕ್ತಿಕ todos ನಿರೂಪಿಸಲು ಹೇಗೆ ಸೂಚಿಸಲು ಲೆಟ್ಸ್, ತದನಂತರ ಒಟ್ಟಾರೆಯಾಗಿ ಒಟ್ಟಿಗೆ ಅಂಟು ಅವರನ್ನು ತಂದೆಯ ಅವಕಾಶ. ಆದರೆ ಈ, ಅಮೂರ್ತತೆಯ ಒಂದು ರೀತಿಯಲ್ಲಿ ಒದಗಿಸುತ್ತದೆ ನಾನು ವೈಯಕ್ತಿಕ todos ನಿರೂಪಿಸಲು ನಿರ್ಧರಿಸಲು ಮಾರ್ಗವನ್ನು ಬದಲಿಸಲು ಕಾರಣ, ಮತ್ತು ನಾನು ಈ ಕೋಡ್ ಯಾವುದೇ ಬದಲಾಯಿಸಲು ಇರುತ್ತಿರಲಿಲ್ಲ. ಆ ರೀತಿಯ ತಂಪಾದ ಇಲ್ಲಿದೆ. 

ಯಾರಾದರೂ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚೌಕಟ್ಟುಗಳ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಡಸ್? [ವಿದ್ಯಾರ್ಥಿ ಕೇಳಿಬರುವುದಿಲ್ಲ ಪ್ರಶ್ನೆ] ಓಹ್, ಖಚಿತವಾಗಿ, ಒಂದು ದೊಡ್ಡ ಪ್ರಶ್ನೆ ಇಲ್ಲಿದೆ. ಪ್ರಶ್ನೆ ಹೇಗೆ ನಾನು ಚೌಕಟ್ಟುಗಳು ಸೇರಿವೆ ಮಾಡಿದರು? ಹೆಚ್ಚಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚೌಕಟ್ಟುಗಳ ಮೂಲತಃ ಕೇವಲ JS ಕಡತಗಳಾಗಿದ್ದು ನಿಮ್ಮ ಕೋಡ್ ಮೇಲಿರುವ ಸೇರಿವೆ ಎಂದು. ನಾನು ಈ ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿವೆ ನನ್ನ HTML ನ ತಲೆ ಭಾಗವನ್ನು ಗಮನಿಸಿ, ಮತ್ತು ಅಂತಿಮ ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್ ನಾವು ಬರೆದ ಬಂದಿದೆ ಎಂದು ಸಂಕೇತ. ತದನಂತರ 3 ಚೌಕಟ್ಟನ್ನು ಸಂಕೇತಗಳು ಕೇವಲ ಕೂಡ ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್ಗಳು ಇವೆ. ನಾನು, ಒಂದು CDN ಎಂದು ಏನನ್ನು ಅವರನ್ನು ಒಳಗೊಂಡಂತೆ ಬಾಗುತ್ತೇನೆ ಇದು ನನಗೆ ಈ ಹಂತದಲ್ಲಿ ಬೇರೊಬ್ಬರು ಇದನ್ನು ಪಡೆಯಲು ಅನುಮತಿಸುತ್ತದೆ ಆದರೆ ಪ್ರತಿ ಚೌಕಟ್ಟನ್ನು ಈ ನೀವು ಬಹುಮಟ್ಟಿಗೆ ವಿಷಯ ಕಾಣಬಹುದು ಹೊಂದಿದೆ ಹಾಗೆ ಕೆಲವು CDN ಅಥವಾ ಏನೋ ಲಭ್ಯವಿರುವ ನಿರ್ದಿಷ್ಟ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗ್ರಂಥಾಲಯಕ್ಕೆ, ತದನಂತರ ನೀವು ಈ ಸ್ಕ್ರಿಪ್ಟ್ ಟ್ಯಾಗ್ಗಳು ಒಳಗೊಳ್ಳಬಹುದು. ಆ ಅರ್ಥದಲ್ಲಿ ಮಾಡಲು ಡಸ್? ಕೂಲ್. 

ಆ 2 ಬೇರೆ ಮಾರ್ಗಗಳೆಂದರೆ. ಆ ಈ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸುವ ಮಾತ್ರ ವಿಧಾನಗಳು ಇಲ್ಲ. ವಿವಿಧ ವಸ್ತುಗಳ ಇವೆ ಎಂದು ಯಾರಾದರೂ ಮಾಡಬಲ್ಲರು, ಮತ್ತು ಅನೇಕ ಚೌಕಟ್ಟುಗಳು ಔಟ್ ಅಲ್ಲಿ ಇವೆ. ಕೋನೀಯ ಮತ್ತು ಬ್ಯಾಕ್ಬೋನ್ ಇಡೀ ಕಥೆಯನ್ನು ಹೇಳಲು ಇಲ್ಲ. ನಿಮ್ಮ ಅಂತಿಮ ಯೋಜನೆಗಳೊಂದಿಗೆ ಅದೃಷ್ಟ ಗುಡ್, ಮತ್ತು ತುಂಬಾ ಧನ್ಯವಾದ. [CS50.TV]