ToMotion AI logo
Menu
Back to gallery

Public AI explainer video

કોડિંગ શરૂ કરવા માટેનાં સાધનો

Shalano project banavta fakt lakhvu purtu hoy, ke parinam tapashvu ane files gothavvi pan pade? Web projectma pan code lakhvo, page chalavine jovu ane...

Prompt

Source idea used to generate this video.

વિભાગ ૩: જરૂરી ડેવલપમેન્ટ ટૂલ્સ (Tools Setup) [વિઝ્યુઅલ: સ્લાઇડ ૩ - VS Code, Chrome DevTools, File Structure] "કોડિંગ શરૂ કરવા માટે આપણને ત્રણ સાધનોની જરૂર પડશે: ● VS Code: આપણું કોડ એડિટર. 'Live Server' જેવા އެક્સ્ટેન્શન્સ સાથે કોડ કરતાં જ લાઇવ પ્રીવ્યૂ જોઈ શકાય છે. ● Google Chrome: બ્રાઉઝર અને સાથે DevTools. કીબોર્ડ પરથી F12 દબાવીને તમે 'Inspect Element' અને 'Console' વડે કોઈપણ એરર શોધી શકો છો. ● પ્રોજેક્ટ ફાઇલ સ્ટ્રક્ચર: તમારા ફોલ્ડરમાં બધું વ્યવસ્થિત હોવું જોઈએ—જેમ કે index.html, style.css, script.js અને છબીઓ માટે /images ફોલ્ડર."

Narration

Narration used to create this video.

Video narration

Shalano project banavta fakt lakhvu purtu hoy, ke parinam tapashvu ane files gothavvi pan pade? Web projectma pan code lakhvo, page chalavine jovu ane samagri gothavvi pade. Coding matra lakhvanu nathi - tapashvu ane gothavvu pan jaruri chhe. VS Code tamaru code lakhvanu sthan chhe. Live Server jevi extensionthi codema ferfar karta page no live preview joi shako. E badlav batave chhe, bhulo aapmele sudhartu nathi. Pachhi Chromema page kholo. Chrome DevTools etle browserma rahela tapashna sadhano. Inspect Elementthi page no koi bhag tapasho, ane Consolema dekhati bhulo vanchine samasya shodhvama madad melavo. Have badhu ek project folderma vyavasthit rakho: index.html page mate, style.css dekhav mate, script.js kriyao mate, ane chitro mate /images folder. Aa ek saral udaharan chhe; files gothaveli rakhvi e mukhya vat. To sharuatma shu joie? VS Codema code lakho, Chrome DevToolsthi tapasho ane files vyavasthit rakho.