????
app.js ? ???? ??? ??? ?? ?? ?? ????. ??? FireBase? ???? ??? ????. ????? app.js? ?????? ??? ??????. ???? 4 ?? ??? ????.
-
app.min.css : ?? Android/iOS ???? ???? ?? ??? ??
app.min.js : ????? -
index.html : ????? ?? ??? ??
<..> zepto.js : ???? ?? ??? ??? ? jQuery
-
zepto.js ??? ?? ?????. ? ??????? jQuery? ??? ????
? ??? ??
??? ??? ? app.js ? ?? ?? ?????.
-
???? ???????. index.html? ?? app.min.css, app.min.js? ??? ???? ?? ?? ???? ?? ????? ??????.
jQuery? ?????? ???? ?? ???? jQuery CDN ??? ??????.
-
div? ??? ??? ? ???? ???? ? ???? ??????. ??? ? ???? ???? ???? ? ?????
? ????? ?? ??? ??? ??? ??????. ??? ???? JavaScript?? ???? ????? ? ?????
?? ?? ??? ??? ?????.
??? ????? ?? ? ?? ??? ???????. ?? ???? ?-??? DIV ??? ???????? ?-??? div? ???? ? ?? ??? ???????. .
BrowseIndex.html? ??? ?? ? ?? ????? ????? ?????. ?? ?? ??
App.js? ?? ?? ??? ? ????? ???? ????? ???????. ?, ? ??? ?? ??? ?? ??? ??? ???? "???"? ????? ? ??? DOM ??? ?????.
app.js ???? <.>
??? ?? ???? ??? index.html? ?? ????. ?? ??? ??? ? ?? ??? ???????. ??? ??? ????.
??? ?? ??? ??? ???? ? ?????. ? ??? ????? ????? ?? ??? ??? ??? ??????. ??? ???? ????? ?? ??? ???? ?? ???? ???????.
?? Firebase ? ??????
Firebase? ???? ???? ????? ????? ??? API???. FireBase? ????? ?? ??? ???????. ????? ??? ?? ??? ??? ???? ?? ??????. ???? ??? ??? ?? ? URL? ?? ? ????. ? ????
https://burning-fire-1723.firebaseio.com/
Firebase ?? ???? ?? ???? ??? ???? ??????. ??? ? ???? ?? ?? ?? ?? ???? ??? ? ??.
> controller.js ?? ???? ????? ??? index.html ? ??????. ?? ? ????? ???? ??? ????. controller.js ??? ???? ??? ???? ???? ????? ?? Firebase? ?????.
????? Firebase ?????? ?????? ?? ???? CDN ??? ??????.
??? ?? Firebase Simple Login ????? ?????
?? Firebase URL? ???? Firebase ????? ???????. ? FireBase ????? ???? FireBasesImplelogin ????? ????.
??? ??? ???? ????? ? ?, ??? ??? loginHome ??????. .
??? ?? ???? ???? ??? ?????. ??? ???? :
?? ????? <span><!DOCTYPE html>
</span><span><html>
</span> <span><head>
</span> <span><title>My App</title>
</span> <span><meta name="viewport" content="width=device-width,
</span> initial<span>-scale=1.0,
</span> maximum<span>-scale=1.0,
</span> user<span>-scalable=no,
</span> minimal<span>-ui">
</span> <span><link rel="stylesheet" href="//cdn.kik.com/app/2.0.1/app.min.css">
</span> <span><style>
</span> <span>/* put your styles here */
</span> <span></style>
</span> <span></head>
</span> <span><body>
</span> <span><!-- put your pages here -->
</span> <span><script></script>
</span> <span><script src="//cdn.kik.com/app/2.0.1/app.min.js"></script>
</span> <span><script>
</span> <span>/* put your javascript here */
</span> <span></script>
</span> <span></body>
</span><span></html></span>
btnsignup ??? ???? auth.createuser? ???? ???? ?????.
?? ??? ?? ???? ???????? loginhome html ???? ??????.
???? ?? ??? ??? ??????. ???? ????? ???? ??? ? ??????. ?? ?? ??? ?? ?? ? ???? Firebase ??? ??? ?????.
??? ?? ??
??? ???? ????? ?? ??? ?
signin ??? ?? ????? ???????. ??? ?? ??? ??? ?????? ??????. signin ??? ?? ? ???
?? html ??? ?? ??? ?????. ??? ??? ???? ????? ???????
<span><!DOCTYPE html>
</span><span><html>
</span> <span><head>
</span> <span><title>My App</title>
</span> <span><meta name="viewport" content="width=device-width,
</span> initial<span>-scale=1.0,
</span> maximum<span>-scale=1.0,
</span> user<span>-scalable=no,
</span> minimal<span>-ui">
</span> <span><link rel="stylesheet" href="//cdn.kik.com/app/2.0.1/app.min.css">
</span> <span><style>
</span> <span>/* put your styles here */
</span> <span></style>
</span> <span></head>
</span> <span><body>
</span> <span><!-- put your pages here -->
</span> <span><script src="https://img.php.cn/zeptojs.com/zepto.min.js"></script>
</span> <span><script src="//cdn.kik.com/app/2.0.1/app.min.js"></script>
</span> <span><script>
</span> <span>/* put your javascript here */
</span> <span></script>
</span> <span></body>
</span><span></html></span>
?? ??? auth.login ??? ???? Firebase ???? ?? ?????. ???? ???? loginhome .
loginhome ???? ???? ???? ???? ?? ?? ??? ??? ???.
?? ?? ???? signin ???? ?? ???? App.Load ( 'SignIn')? ???????. ??? ?? ??? ???? ????? signin ???? ??????. index.html
? ?? ?? ???? ?? ??? ?? ? ???????. <span>try {
</span> <span>App.restore(); // it loads/restores the app
</span> <span>} catch (err) {
</span> <span>App.load('home'); // in case of error it loads the default page
</span> <span>}</span>
??? ?? ??? ?????
???? ??? ? ???? ??? ??? ?? ? ?????? ???????. ??? ??? ??? ????? ?? LoginHome HTML? ??????. ??? ?? ?? ??? ?? ???? ??? ??????. ?? ? HTML ??? ??? ????
??? ???? ???? ???? FireBase? ???????. ???? ???? ??? ?? ??? ???? ??? ?? ??? ?????. FireBase? ???? ????? Push ()? ?????. ??? btnadd ?? ?????
??, ???? ?? ? ???? ???? ?? ?????? ???????. ??? ?? ?? ??? ? ????? ? ??? ??? :
??? ??????? UL? ??????. ???? ??? ??? ?? ????. ????? ?? ??? ????? ??? ??? ????. ???? ????? ???????? ?? ?? ??? ???? ???????.
??
????? ???? ???? ???? ???????. ???? ????? ?? ??? ??? ???? loginhome
?????? ?? ???? ???????. ?? Firebase?? ???? ??? ??? ????? UL? ????????. ???? ??? ??? ????
index.htmland? ?? ????? ??????
??
? ?????? app.js? ?? ??? ???? ?? ?? ??????. ??? App-Page, App-List ? App.Dialog? ?? ??? ?? ???? ??? ?????. app.js? ???? ?? ??? ??? app.js ???? ?? ? ????.
? ???? ?? ??? github?? ??? ? ????
app.js ?? ?? ?? (FAQS)
? ???? app.js? ?? ??? ?????? app.js? ? ??????? ???? ????? ????? JavaScript ????????. ??? ????? ??, ?? ?? ? ??? ????? ??? ??? ?????. ???? ??? ??????? ???? ?? ? ??? ??? API? ?? ???? ??? ???????. ?? ???? ?? ????. ?, ????? ?? ??? ?? ????? ?? ?? ?? ??? ? ????.<.> app.js? ?? JavaScript ?????? ??? ?????? app.js? ???? ????? ??????. ?? ???? ?? ?? ?? ????? ????. ??, ??? ?? ?? ????? ? ??? ?? ? ??? ???? ?? ? ?????? ????? ??? ??? ???? ? ??? ???. ??? ???? ?? ? ??? ???? ?? ?????. app.js? angular ?? react? ?? ?? JavaScript ??? ??? ?? ??? ? ?????
?, App.js? ? ????? ???????. ?? JavaScript ??? ??? ??. ??? ??? ???? ?? ??? ??? ?? ?????. App.js? ???? ?? ??? ?? ??? ??? ????? ?? ????? ?? ??? ?? ? ? ??????. ????? ??? ? ?? ???? ?? ????? ? ?? ? ? ????.
app.js? ???? ???
app.js? ???? ?? ????. ?? ? ????? ?????? ??????? NPM? ?? ??? ? ????. ?? ? ??? ?????? ?? ??? ??? ? ????. App.js? ????? ???? ??? ??? ? ????? ????? ???? ????? ???? ?? ????.
app.js? ???? ?? ??? ?????? ??? ? ?? ?????? ??? ? ????. ?? ???? ?? ???? ?? ??? ?? ???? ??, ??? ??? ????? ?? ? ??? ?? ?????? ?? ??? ?????. ??? ????? ???? ???? ??? ? ? ???? ??? ?????? ??? ????????.
app.js? ??? ????? ??????
?, App.js? ?????. ??? ? ??? ???? ??. ?? ? ????? ????? ??? ?? ?? ?? ? ? ????. ????? ??? ?? ??? ?? ? ?? ??? ?? ? ? ????. ??? ??? ?? ????? ??? ?????? ?????? ??? ??? ?????.
app.js? ??? ???? ??? ?????? app.js? Model-View-Controller (MVC)? ?????. ??? ?????? ????. ?? ??? (??)? ?? ?????? ???? ???? ? ??? ???????. ??? ???? ?? ? ?????? ???? ?????? ??? ??? ?????? ?? ???? ??? ? ? ????.
??? ? ??? App.js? ??? ? ?????
?, App.js? ??? ? ??? ??? ? ????. ??? ??? ???? ? ??? ?? ???? ? ????? ???????. ?? ???? ??? ? ?? ????? Cordova ?? PhoneGap? ?? ??? ?? ???? ?? ??? ?? ?? ? ? ????. app.js? ?? ??? ??? ?? ?????? app.js?? ?? ?? ? ????? ??? ??? ????? ????. ????, ?? ? ??? ???? ????? ???? ?? ???? ????. ??? ????? ??? ?? ??? ????? ???? ??? ??? ??? ?? ? ????.
app.js ?? ??????
?, App.js? ?? ?????. . ?, ??? ??? ? ??? ??? ?? ??? ??? ?? ????. ?? ??? Github?? ??? ? ??? ????? ??? ?? ?????.
.
??? ???? auth.createuser? ???? ???? ?????.
?? ??? ?? ???? ???????? loginhome html ???? ??????.
??? ? ??? ?? ? ???
loginhome .
signin ???? ?? ???? App.Load ( 'SignIn')? ???????. ??? ?? ??? ???? ????? signin ???? ??????. index.html
?, App.js? ? ????? ???????. ?? JavaScript ??? ??? ??. ??? ??? ???? ?? ??? ??? ?? ?????. App.js? ???? ?? ??? ?? ??? ??? ????? ?? ????? ?? ??? ?? ? ? ??????. ????? ??? ? ?? ???? ?? ????? ? ?? ? ? ????. app.js? ???? ?? ????. ?? ? ????? ?????? ??????? NPM? ?? ??? ? ????. ?? ? ??? ?????? ?? ??? ??? ? ????. App.js? ????? ???? ??? ??? ? ????? ????? ???? ????? ???? ?? ????. app.js? Model-View-Controller (MVC)? ?????. ??? ?????? ????. ?? ??? (??)? ?? ?????? ???? ???? ? ??? ???????. ??? ???? ?? ? ?????? ???? ?????? ??? ??? ?????? ?? ???? ??? ? ? ????. app.js ?? ??????
App.js? ?? ?? ??? ? ????? ???? ????? ???????. ?, ? ??? ?? ??? ?? ??? ??? ???? "???"? ????? ? ??? DOM ??? ?????.
app.js ???? <.>
<span><!DOCTYPE html>
</span><span><html>
</span> <span><head>
</span> <span><title>My App</title>
</span> <span><meta name="viewport" content="width=device-width,
</span> initial<span>-scale=1.0,
</span> maximum<span>-scale=1.0,
</span> user<span>-scalable=no,
</span> minimal<span>-ui">
</span> <span><link rel="stylesheet" href="//cdn.kik.com/app/2.0.1/app.min.css">
</span> <span><style>
</span> <span>/* put your styles here */
</span> <span></style>
</span> <span></head>
</span> <span><body>
</span> <span><!-- put your pages here -->
</span> <span><script></script>
</span> <span><script src="//cdn.kik.com/app/2.0.1/app.min.js"></script>
</span> <span><script>
</span> <span>/* put your javascript here */
</span> <span></script>
</span> <span></body>
</span><span></html></span>
btnsignup <span><!DOCTYPE html>
</span><span><html>
</span> <span><head>
</span> <span><title>My App</title>
</span> <span><meta name="viewport" content="width=device-width,
</span> initial<span>-scale=1.0,
</span> maximum<span>-scale=1.0,
</span> user<span>-scalable=no,
</span> minimal<span>-ui">
</span> <span><link rel="stylesheet" href="//cdn.kik.com/app/2.0.1/app.min.css">
</span> <span><style>
</span> <span>/* put your styles here */
</span> <span></style>
</span> <span></head>
</span> <span><body>
</span> <span><!-- put your pages here -->
</span> <span><script src="https://img.php.cn/zeptojs.com/zepto.min.js"></script>
</span> <span><script src="//cdn.kik.com/app/2.0.1/app.min.js"></script>
</span> <span><script>
</span> <span>/* put your javascript here */
</span> <span></script>
</span> <span></body>
</span><span></html></span>
?? ??? auth.login ??? ???? Firebase ???? ?? ?????. ???? ???? <span>try {
</span> <span>App.restore(); // it loads/restores the app
</span> <span>} catch (err) {
</span> <span>App.load('home'); // in case of error it loads the default page
</span> <span>}</span>
??? ?? ??? ?????
loginhome
?????? ?? ???? ???????. ?? Firebase?? ???? ??? ??? ????? UL? ????????. ???? ??? ??? ????
app.js? angular ?? react? ?? ?? JavaScript ??? ??? ?? ??? ? ?????
app.js? ???? ???
app.js? ??? ????? ??????
app.js? ??? ???? ??? ?????? ??? ? ??? App.js? ??? ? ?????
?, App.js? ??? ? ??? ??? ? ????. ??? ??? ???? ? ??? ?? ???? ? ????? ???????. ?? ???? ??? ? ?? ????? Cordova ?? PhoneGap? ?? ??? ?? ???? ?? ??? ?? ?? ? ? ????. app.js?? ?? ?? ? ????? ??? ??? ????? ????. ????, ?? ? ??? ???? ????? ???? ?? ???? ????. ??? ????? ??? ?? ??? ????? ???? ??? ??? ??? ?? ? ????.
?, App.js? ?? ?????. . ?, ??? ??? ? ??? ??? ?? ??? ??? ?? ????. ?? ??? Github?? ??? ? ??? ????? ??? ?? ?????.
? ??? App.js? ?? ?? - ??? ? ?? ?? ???????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!

? AI ??

Undress AI Tool
??? ???? ??

Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?

AI Clothes Remover
???? ?? ???? ??? AI ?????.

Clothoff.io
AI ? ???

Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!

?? ??

??? ??

???++7.3.1
???? ?? ?? ?? ???

SublimeText3 ??? ??
??? ??, ???? ?? ????.

???? 13.0.1 ???
??? PHP ?? ?? ??

???? CS6
??? ? ?? ??

SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)

??? ??











JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.

TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL

??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.

JavaScript ?? ????? ??????? ??? ?? ??? ??? ????? ?? ??? ????. ????? ??? ?????. 1. ?? ?? (CodesPlitting) ??, ?? ??? React.lazy ()? ?? ?? ?? ?? ??? ????? ??? ???? ? ?? ????? ??? ?? ??? ???????. 2. ???? ?? ?? (???)? ????, ES6 ?? ????? ???? "Dead Code"? ???? ?? ? ????? ?? ??? ??? ? ???????. 3. ?? ??? ???? ???? GZIP/BROTLI ? TERSER? JS? ???? ??? ????? ???? ?? ???? ??? ? ? ??????. 4. ??? ???? ???? day.js ? fetch? ?? ?? ?????? ??????.

ES ??? CommonJS? ?? ???? ?? ?? ? ?? ???????. 1. Commonjs? ????????? Node.js ?? ? ??? ?????. 2.ES ??? ???????? ????? ?? ???? ??? ?????. 3. ??, ES ??? ?? ??/????? ???? ??? ??? ?????? CommonJS? Quiew/Module.exports? ???? ???? ???? ?? ? ? ????. 4. Commonjs? Express? ?? ???? Node.js ? ?????? ?? ???? ?? ???? ?? ES ??? ?? ??? ?? ??? ?? ? Node.jsv14? ?????. 5. ?? ? ? ??? ?? ??? ??? ? ????.

Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.

???? ?? ?? ??? JavaScript ??? ????? ?? 4 ?? ??????. 1. ???? ??? ?? ?? ??? ???? ?? ??? Count? ?? ??? ?? ???? ?? ??? FetchData ()? ?? ??? ???? ??? ??? ??? ????? ?? PascalScase? ?? ?????. 2. ???? ? ??? ???? ??? ? ??? ??? ??? Formatuser, SaveUser ? RenderUser? ???? ?? ?? ? ??? ?????. 3. Page? userprofile, Userstats ? React? ?? ???? ???? ? ??? ? ?? ???? ????? ??????. 4. ?? ?? ? ???? ??? ??? ? ???? ??? ??? ??????.

VAR, Let ? Const? ???? ??, ?? ? ?? ?????. 1.var? ?? ??????? ?? ???? ?? ? ??? ?????. 2. let? ?? ?? ????? ?? ?? ???? ?? ? ??? ???? ????. 3. ???? ?? ?? ???? ?? ??????? ? ?? ? ? ??? ?? ??? ?? ?? ??? ? ????. ?? const? ???? ??? ??? ? LET? ???? VAR? ???? ????.
