Java script: quick revision, 16 bites

JavaScript શું છે?

વેબની ભાષા, શીખો મૂળભૂત.

JavaScript (JS) એ **high-level**, **interpreted** programming language છે જેનો ઉપયોગ મુખ્યત્વે web pagesને *interactive* બનાવવા માટે થાય છે. તે HTML અને CSS સાથે મળીને કામ કરે છે. JS browserમાં ચાલે છે અને userના actionsને respond કરી શકે છે.

Takeaway. JavaScript એ વેબ પરની સૌથી મહત્વપૂર્ણ scripting language છે.

Variables: let, const, var

ડેટા સ્ટોર કરવાના ત્રણ રસ્તા.

JavaScriptમાં ડેટા સ્ટોર કરવા માટે **variables** વપરાય છે. ત્રણ મુખ્ય keywords છે: `let`, `const`, અને `var`. `let` block-scoped છે અને તેની value બદલી શકાય છે. `const` પણ block-scoped છે પણ તેની value reassign કરી શકાતી નથી. `var` function-scoped છે અને જૂની પદ્ધતિ છે.

Takeaway. મોટાભાગે `let` અને `const` વાપરો, `var` ટાળો.

Data Types: Primitive vs Reference

ડેટાના પ્રકારો સમજો.

JavaScriptમાં **primitive** data types (String, Number, Boolean, null, undefined, Symbol, BigInt) અને **reference** data types (Object, Array, Function) હોય છે. Primitives by value સ્ટોર થાય છે, જ્યારે references by reference સ્ટોર થાય છે.

Takeaway. Primitives immutable છે, objects mutable છે.

typeof Operator

ડેટા type કેવી રીતે ચેક કરવો?

`typeof` operator કોઈપણ valueનો data type શોધવા માટે વપરાય છે. તે string return કરે છે.

Takeaway. `typeof` data type ઓળખવા માટે ઉપયોગી છે, પણ `null` માટે સાવધાન રહો.

Type Coercion

JavaScript આપોઆપ type બદલે છે.

**Type coercion** એટલે JavaScript દ્વારા એક data typeને બીજામાં આપોઆપ રૂપાંતરિત કરવું. ઉદાહરણ: `'5' - 3` → `2` (string numberમાં convert થાય છે).

Takeaway. Type coercion ઉપયોગી છે પણ અણધાર્યા પરિણામો લાવી શકે છે.

== vs ===

સમાનતા ચેક કરવાની સાચી રીત.

`==` (loose equality) type coercion કરે છે, જ્યારે `===` (strict equality) type અને value બંને ચેક કરે છે. હંમેશા `===` વાપરવાની ભલામણ કરવામાં આવે છે.

Takeaway. ભૂલો ટાળવા માટે `===` વાપરો.

Functions: Declaration vs Expression

કોડને ફરીથી વાપરો, function બનાવો.

**Functions** JavaScriptમાં codeના reusable blocks છે. Function declaration: `function name() {}` hoisted થાય છે. Function expression: `const name = function() {}` hoisted થતું નથી. Arrow functions: `() => {}` concise syntax આપે છે.

Takeaway. Arrow functions modern JavaScriptમાં પ્રિય છે.

Scope: Global vs Local

Variable ક્યાં ઉપલબ્ધ છે?

**Scope** એટલે variableની accessibilità. **Global scope**માં variable બધી જગ્યાએ access થાય છે. **Local scope** (function/block scope)માં variable ફક્ત તે blockની અંદર જ ઉપલબ્ધ છે. `let` અને `const` block-scoped છે.

Takeaway. Variableની scope સમજવી bugs ટાળવા માટે જરૂરી છે.

null vs undefined

બંને 'કંઈ નહીં' દર્શાવે છે, પણ અલગ.

Takeaway. `null` intentional છે, `undefined` unintentional.

Naming Conventions

સારા નામ, સારો કોડ.

Takeaway. Consistent naming code readability વધારે છે.

Hoisting સમજો

Declaration ઉપર ખસે છે.

**Hoisting** એ JavaScriptની એક વર્તણૂક છે જેમાં variable અને function declarations તેમના scopeની ટોચ પર 'ખસેડાય' છે. ફક્ત declarations hoist થાય છે, initializations નહીં. `let` અને `const` hoisted છે પણ temporal dead zoneમાં હોય છે.

Takeaway. Hoisting સમજવાથી અણધાર્યા errors ટાળી શકાય છે.

Primitives યાદ રાખવાની ટ્રિક

7 primitives: S N B N U S B.

JavaScriptમાં 7 primitive types છે: **S**tring, **N**umber, **B**oolean, **N**ull, **U**ndefined, **S**ymbol, **B**igInt. ટ્રિક: "SNBNUSB".

Takeaway. આ ટ્રિક primitives યાદ રાખવામાં મદદ કરશે.

Real-World: Form Validation

JavaScript વેબ ફોર્મ ચેક કરે છે.

વેબસાઇટ્સ પર form submit કરતા પહેલા JavaScript દ્વારા input ચેક કરવામાં આવે છે. ઉદાહરણ: email format સાચો છે કે નહીં, password length ઓછો છે કે નહીં. આ user experience સુધારે છે અને server પરનો ભાર ઘટાડે છે.

Takeaway. JavaScript client-side validation માટે અનિવાર્ય છે.

Template Literals

Stringsને સરળ બનાવો.

**Template literals** backticks (`` ` ``) દ્વારા બનાવાય છે. તેમાં `${expression}` દ્વારા variables અને expressions embed કરી શકાય છે. Multiline strings પણ સરળતાથી બનાવી શકાય છે.

Takeaway. Template literals string manipulationને વધુ સરળ બનાવે છે.

JavaScriptનો જન્મ

10 દિવસમાં બનાવાયેલી ભાષા.

JavaScript 1995માં Brendan Eich દ્વારા માત્ર **10 દિવસ**માં બનાવવામાં આવી હતી. શરૂઆતમાં તેનું નામ Mocha હતું, પછી LiveScript, અને અંતે JavaScript. આજે તે વિશ્વની સૌથી લોકપ્રિય programming languagesમાંની એક છે.

Takeaway. JavaScriptનો ઇતિહાસ રસપ્રદ અને પ્રેરણાદાયક છે.

Semicolons: Optional પણ સાવધાન

ભૂલો ટાળવા semicolon વાપરો.

JavaScriptમાં semicolons (;) optional છે, પણ ક્યારેક તેને ન નાખવાથી **Automatic Semicolon Insertion (ASI)** અણધાર્યા પરિણામો લાવી શકે છે. ઉદાહરણ: return પછી નવી લાઇન પર value લખવાથી undefined return થાય છે.

Takeaway. ભૂલો ટાળવા માટે semicolons નાખવાની આદત બનાવો.