નમસ્તે, અને વિકાસને અવરોધિત કરવા માટે મારી શરૂઆતની માર્ગદર્શિકામાં આપનું સ્વાગત છે. તેથી
આ વર્કશોપનો હેતુ તમને કેટલાક કોરમાંથી લઈ જવાનો છે
માહિતીના ટુકડાઓ કે જે તમને જાણવાની જરૂર પડી શકે છે જો તમે કસ્ટમ બનાવવા માંગો છો
વર્ડપ્રેસ માટે બ્લોક્સ. આ વર્કશોપના હેતુ માટે, હું અવગણીશ
બ્લોક ડેવલપમેન્ટ હેન્ડબુકનો થોડો ભાગ. બ્લોક સાથે
એડિટર હેન્ડબુક, હું કહું કે, હું ખૂબ ભલામણ કરું છું કે તમે આના દ્વારા વાંચો
જો તમે કરી શકો તો આખી હેન્ડબુક. પરંતુ હું ચોક્કસ હાઇલાઇટ કરી જાઉં છું
વિભાગો જેમ આપણે પસાર થઈએ છીએ. જો તમે આ વર્કશોપમાં સાથે કામ કરવા માંગો છો, તો તમે છો
થોડી તૈયારીની જરૂર પડશે, તમારે સ્થાનિક વિકાસની જરૂર પડશે
કોઈ પ્રકારનું વાતાવરણ, કાં તો ફ્લાયવ્હીલ અથવા વીવીવી, અથવા કંઈક સાથે
તે રેખાઓ. હું લિનક્સ અને ઉબુન્ટુ પર રન કરું છું. તેથી મારી પાસે એકદમ પ્રમાણભૂત લેમ્પ ઇન્સ્ટોલ છે
સેટઅપ, તમારે ડિફોલ્ટ વર્ડપ્રેસ ઇન્સ્ટોલની પણ જરૂર પડશે, જે હું કરું છું
વર્ડપ્રેસ ડોટ ટેસ્ટ પર ચાલે છે, તો પછી તમારે જરૂર પડશે અરે, મેં બંધ કર્યું
ત્યાં વિન્ડો, પછી તમારે ખાતરી કરવાની જરૂર પડશે કે તમારી પાસે Node.js ઇન્સ્ટોલ કરેલ છે.
તેથી Node.js એ JavaScript રનટાઇમ છે જે તમે તમારા મશીન પર ઇન્સ્ટોલ કરો છો. અને તે
NPM નામની વસ્તુનો સમાવેશ થાય છે, જે નોડ પેકેજ મેનેજર છે, જે પરવાનગી આપે છે
તમે તમામ પ્રકારના શાનદાર JavaScript પેકેજો ઇન્સ્ટોલ કરવા માટે. ભલામણ કરેલ
સંસ્કરણ કદાચ મોટાભાગના લોકો માટે શ્રેષ્ઠ છે. જો તમને સૌથી નવીનતમ જોઈએ છે, તો
નવીનતમ સંસ્કરણ, તમે હંમેશા નવીનતમ સંસ્કરણ ગમે તે ઇન્સ્ટોલ કરી શકો છો. અને પછી
છેલ્લે, તમારે જેની જરૂર છે તે અમુક પ્રકારની ટર્મિનલ એક્સેસ છે. જો તમે
Mac, અથવા Linux પર હું છું, તમારી પાસે બિલ્ટ ઇન ટર્મિનલ હશે. જો તમે ચાલુ છો
વિન્ડોઝ, હું કમાન્ડર જેવું કંઈક તપાસવાની ભલામણ કરું છું. અથવા તમે પ્રયાસ કરી શકો છો
Linux માટે વિન્ડોઝ સબસિસ્ટમ, જેનો મેં થોડા સમય માટે ઉપયોગ કર્યો નથી કારણ કે હું નથી કરતો
હવે તમારી પાસે વિન્ડોઝ મશીન છે. ઠીક છે, તેથી એકવાર તમે આ બધી વસ્તુઓ મેળવી લો
ઇન્સ્ટોલ કરેલું છે, આપણે બિલ્ડિંગ શરૂ કરવાની જરૂર છે. તેથી મેં આ હેતુ માટે શું કર્યું છે
વર્કશોપ એ છે કે મારી પાસે ખૂબ જ મૂળભૂત પ્રમાણભૂત પ્લગ છે આ પ્રમાણભૂત PHP પ્લગઇન છે
વર્ડપ્રેસ માટે, તે શું કરે છે તેનાથી કોઈ ફરક પડતો નથી, તે રજીસ્ટર કરે છે એક ટેબલ બનાવે છે
ટેબલ તેમાં ફોર્મ શોર્ટકોડ છે, જે ફોર્મને આઉટપુટ કરે છે. તે ફોર્મની પ્રક્રિયા કરે છે
ડેટા આ ખરેખર અમુક કોડ છે જે મેં પ્લગઇન ડેવલપમેન્ટ વર્કશોપમાંથી લીધો છે
જે મેં વર્ડકેમ્પમાં કર્યું હતું. થોડા સમય પહેલા. અને હું આ કરી રહ્યો છું તેનું કારણ એ છે કે
હું તમને બતાવવા માંગુ છું કે તમે અસ્તિત્વમાંના પ્લગઇનમાં બ્લોક કેવી રીતે ઉમેરી શકો છો. તે એકદમ છે
શરૂઆતથી નવું બ્લોક પ્લગઇન બનાવવું સરળ છે કારણ કે ત્યાં થોડું સારું છે
અમે આ વર્કશોપના ભાગ રૂપે ઉપયોગ કરવા જઈ રહ્યા છીએ તે ત્યાં નમૂનો બનાવી રહ્યા છીએ. પણ મારે જોઈએ
આને અસ્તિત્વમાંના પ્લગઇનમાં બનાવવા માટે, કારણ કે તમારામાંથી ઘણા કદાચ
તમારી પાસે પહેલાથી જ પ્લગઈનો છે જેમાં તમે બ્લોક્સ ઉમેરવા માંગો છો. અથવા તમે પ્લગિન્સ બનાવ્યા છે,
અને તમે જાણો છો કે પ્લગઇન્સ કેવી રીતે કામ કરે છે. આ થવાનું નથી
પ્લગઇન કેવી રીતે બનાવવું તે અંગેનો કોર્સ અથવા ઓછામાં ઓછો વર્કશોપ. આ પ્રકારની ધારણા
કે તમે જાણો છો કે પ્લગઇન કેવી રીતે કામ કરે છે, અને પ્લગઇન હેડર્સ કેવી રીતે સેટ કરવું અને તે
પ્રકારની વસ્તુ. જો તમને ખબર નથી કે તે બધું કેવી રીતે કાર્ય કરે છે, તો ત્યાં માહિતી છે. માં
બ્લોક એડિટર હેન્ડબુકનો ટ્યુટોરીયલ વિભાગ, તે તમારા વિશે વાત કરે છે
વિકાસ પર્યાવરણ પ્લગ સેટ કરવા સાથે પ્રારંભ કરવા વિશે વાત કરે છે
જાવાસ્ક્રિપ્ટમાં અને લોડ કરી રહ્યા છીએ અને તે તમામ પ્રકારની વસ્તુઓ, અમે એક પ્રકારની જઈ રહ્યાં છીએ
તેને છોડી દો અમે ધારીશું કે તમે જાણો છો કે પ્લગઇન કેવી રીતે કામ કરે છે. બરાબર,
તો ચાલો શરુ કરીએ. તેથી પ્રથમ વસ્તુ જે હું કરવા માંગુ છું તે એ છે કે હું સેટ કરવા માંગુ છું
JavaScript બોલ ટૂલ્સ. આ તેને ત્યાં જ નવી વિંડોમાં ખોલે છે. તેથી
મૂળભૂત રીતે, ટ્યુટોરીયલ વિભાગમાં, geting નામનો વિભાગ છે
JavaScript થી શરૂઆત કરી. અને અહીં નીચે, એક વિભાગ છે જેને કહેવાય છે
JavaScript બોલ્ડ પગલું. તો ચાલો આ શું કરે છે તે વિશે ટૂંકમાં વાત કરીએ. જો તમે
વિવિધ બ્લોક ટ્યુટોરિયલ્સ દ્વારા કામ કરો જે અહીં આગળ છે, તમે જોશો
કે તેમની પાસે આ નાની સ્વીચો છે. મને એક શોધવા દો જે હું શોધી શકતો નથી
અત્યારે જ. હું છું? ચાલો પ્રયત્ન કરીએ. ચાલો થોડું ઉપર જઈએ. ચાલો જોઈએ
એક લક્ષણ આપે છે. હમણાં મારા સાથી શોધવા જઈ રહ્યા નથી, ચાલો બે બ્લોક્સ અજમાવીએ. ત્યાં
અમે જઈએ. તેથી તેમની પાસે આ ESNext અને s5 નાનું ટૉગલ છે, અને તમે સ્વિચ કરી શકો છો
બંને વચ્ચે. તેથી પાંચ પરંપરાગત રીતનો વધુ પ્રકાર છે
JavaScript કોડ લખીને, તમે આને લગભગ વેનીલા કહી શકો છો
જાવાસ્ક્રિપ્ટ, જો તમે કરશો.
અને આ મને ઘણી વાર લાગે છે તે ઘણું વધારે જટિલ અને ઘણું વધારે જટિલ હોઈ શકે છે
જો તમે JavaScript કેવી રીતે કામ કરે છે તે સૉર્ટ કરવા માટે ટેવાયેલા નથી. હા, આગળ, તમે જોશો
જો તમે સોર્સ કોડ જુઓ તો ઘણો સરળ છે, ઘણો ઓછો કોડ છે. તે વાપરે છે
જેએસએક્સ કહેવાય છે, જે પ્રતિક્રિયામાં કંઈક એવું છે જેને આપણે એમાં ડૂબકી મારવા જઈ રહ્યા છીએ
થોડૂક જ. તેથી હું વર્ષ પછીના કોડનો ઉપયોગ કરીને વળગી રહેવાનું વલણ રાખું છું. તેથી સમર્થ થવા માટે
આ ES નેક્સ્ટ કોડ ચલાવો, આપણે બોલ્ડ સ્ટેપને સક્ષમ કરવાની જરૂર છે. હવે શું બોલ્ડ પગલું
શું તે તમારો ES5 x કોડ લે છે અને તેને પાંચ કોડમાં સ્થાનાંતરિત કરે છે
તમારા બ્રાઉઝર્સ અને તમારા બધા બ્રાઉઝર્સ આને સેટ કરવા માટે, અમે
ખાતરી કરો કે અમે નોડ ઇન્સ્ટોલ કરેલ છે. તો અહીં સેટઅપ છે, તે મેળવવાની વાત કરે છે
નોડ સ્થાપિત. અને પછી આપણે આ npm ઇન્સ્ટોલને સેવ કરેલ ભાગ ચલાવવાની જરૂર છે. તેથી તમે કરશો
જુઓ મને તે અહીં મળી ગયું છે, ખાતરી કરો કે NPM ઇન્સ્ટોલ કરેલું છે, પ્રોજેક્ટ સેટ કરો અને ચલાવો
ઇન્સ્ટોલેશન સેટઅપ. તેથી મારા પ્રોજેક્ટમાં, અમે આની નકલ કરીશું
કોડની લાઇન. અહીં મારી પ્રોજેક્ટ ફાઇલ છે, હું મારા ટર્મિનલ પર જવાનો છું. હું છું
યોગ્ય શોધવા જઈને દોડવું પડ્યું. તો આ મારું વર્ડપ્રેસ વેબ છે
સામગ્રી ચાલો આને બહાર કાઢીએ. વર્ડપ્રેસ WP સામગ્રી પ્લગઇન્સ બ્લોક
ડેવલપમેન્ટ વર્કશોપ્સ, હું ફક્ત માફ કરશો, તેમાં NPM પેસ્ટ કરવા જઈ રહ્યો છું. અને તેના
વર્કશોપ વિશે અથવા ઓછામાં ઓછા કોડ વિશે મને થોડા પ્રશ્નો પૂછવા જઈ રહ્યો છું
જેની સાથે હું કામ કરું છું. તેથી પેકેજનું નામ, હું સંસ્કરણ છોડવામાં ખુશ છું, હું ખુશ છું
કોઈપણ વિગતો આદેશો પર છોડી દો. તે ગિટ રીપોઝીટરી છે. મારે કોઈની જરૂર નથી
કીવર્ડ્સ હમણાં. લાઇસન્સ, મારે GPL જવું છે. અને તે ખરેખર મને કહે છે, હે,
લાઇસન્સ માન્ય સંદર્ભ, બ્લાહ, બ્લાહ, બ્લાહ હોવું જોઈએ. તેથી અમે નકલ કરવા જઈ રહ્યાં છો
આ GPL 3.0 બહાર. પાછળથી, અમે તેને 2.0 અથવા પછીનામાં બદલીશું, કારણ કે
હું WordPress ધોરણોને વળગી રહેવા માંગુ છું. તેથી તે તે કહેશે
અમે આ ફાઈલ લખવા જઈ રહ્યા છીએ, હા, મારે તે ફાઈલ લખવી છે. હું દેખીતી રીતે કરી શકું છું
બધી માહિતી તપાસો, તે બધું સરસ છે. અને હું હા કહીશ, માટે જાઓ
તે તેથી આ પેકેજ ડોટ JSON ફાઈલ બનાવી છે. હવે જે થઈ ગયું તે છે
હું હાલમાં શું ઉપયોગ કરું છું તેના પર એક નજર હતી. તેથી તે નોંધે છે કે હું ગ્રન્ટનો ઉપયોગ કરું છું,
જેમાંથી આવે છે, તમે જાણતા નથી કે ગ્રન્ટ ફાઇલ શા માટે છે, તે માંથી આવે છે
WPC લિ, પ્લગઇન, સ્કાફોલ્ડ. પરંતુ તે વિશે ઘણું બધું આપણે બદલવા જઈ રહ્યા છીએ
તે બધું એક સેકન્ડમાં. પરંતુ તેમાં મારા લેખકનું નામ અને બ્લોકનું નામ છે અને
અન્ય વિવિધ વસ્તુઓ કે જે મને નિર્ભરતાની જરૂર છે અને તે પ્રકારની વસ્તુ. તેથી
આ પ્રકારની પેકેજ ફાઇલો સુયોજિત કરે છે જેથી કરીને હું વસ્તુઓ ઇન્સ્ટોલ કરવાનું શરૂ કરી શકું.
આગલી વસ્તુ જે મારે કરવાની જરૂર છે તે એ છે કે મારે કેટલીક વસ્તુઓ ઇન્સ્ટોલ કરવાની જરૂર છે, મારે ઇન્સ્ટોલ કરવાની જરૂર છે
વર્ડપ્રેસ સ્ક્રિપ્ટ્સ પેકેજ. તેથી હું ફક્ત આ આદેશની નકલ કરવા જઈ રહ્યો છું,
તે JavaScript સામગ્રીનો સંપૂર્ણ સમૂહ ચલાવશે. હું પેસ્ટ કરવા જાઉં છું
કે ત્યાં. અને તમે જોશો કે તે હવે કહેશે, અધિકાર, તે શરૂ થવાનું છે
કેટલીક વસ્તુઓ સ્થાપિત કરી રહ્યા છીએ. અને મૂળભૂત રીતે આ નોડ મોડ્યુલ્સ ડિરેક્ટરી બનાવે છે.
હવે, જો તમે PHP માં કંપોઝરનો ઉપયોગ કરવા માટે ટેવાયેલા છો, તો નોડ મોડ્યુલો સમાન પ્રકારની છે
જે રીતે સંગીતકાર વિક્રેતા ફોલ્ડર સાથે વિક્રેતા સાથે કામ કરે છે. તે મૂળભૂત રીતે છે
JavaScript પેકેજોનો સમૂહ ઇન્સ્ટોલ કરી રહ્યું છે જે મને એ કરવા માટે પરવાનગી આપશે
વસ્તુઓનો આખો સમૂહ. તે જે વસ્તુઓ કરે છે તેમાંથી એક તે બોલ્ટને ઇન્સ્ટોલ કરે છે
આદેશો, જેથી હું મારી ફાઈલો બનાવી શકું. અને અમે કેવી રીતે બિલ્ડ વિશે વાત કરીશું
પ્રક્રિયા એક સેકન્ડમાં કામ કરે છે, સ્ત્રોત કોડ લે છે અને તેને માં રૂપાંતરિત કરે છે
ટ્રાન્સપિલ્ડ કોડ અને તે તમામ પ્રકારની વસ્તુ. તેથી આ મૂળભૂત રીતે માત્ર છે
આ બધો ડેટા લાવવામાં થોડીક સેકંડ લાગે છે, તેથી અમે તેને ચાલવા દઈશું.
અને જ્યારે અમે તે કરી રહ્યા છીએ, ત્યારે અમે અહીં એક નજર કરીશું, તે મૂળભૂત રીતે છે
એક પગલું. તો ચાલો આદેશ વાક્ય પર પાછા જઈએ. અને મને લાગે છે કે કદાચ શું
હું કરીશ કે હું આને હમણાં માટે બંધ કરીશ. અને આ બધું થઈ જાય પછી અમે પાછા આવીશું.
ઠીક છે, તેથી ઇન્સ્ટોલ પ્રક્રિયા પૂર્ણ થઈ ગઈ છે, તે વર્ડપ્રેસ ઇન્સ્ટોલ કરેલું છે
સ્ક્રિપ્ટ્સ પેકેજ. જો અમે પેકેજ, JSON માં પાછા ફરીએ, તો તમે જોશો કે તે ઉમેરાયેલ છે
આ દેવ નિર્ભરતા. તેથી સ્થાપન પ્રક્રિયા કરીને, માર્ગ જેવી જ
સંગીતકાર કામ કરે છે, તે મારા માટે નિર્ભરતા ઉમેરે છે. અને તે તમામ પ્રકારની છે
આ બધા નોડ મોડ્યુલો ઉમેરવા સિવાય પૂર્ણ થાય છે, જેનો આપણે બિલ્ડ માટે ઉપયોગ કરીશું
પ્રક્રિયા ઠીક છે, તો હવે અમે સેટ થઈ ગયા છીએ અને ખરેખર કેટલાક બ્લોક્સ બનાવવાનું શરૂ કરીએ છીએ, શું
મને એક પ્રકારનો ખ્યાલ મેળવવા માટે હાલના નમૂના કોડનો ઉપયોગ કરવો ગમે છે
શું થઈ રહ્યું છે.
તો હું શું કરવા જઈ રહ્યો છું એ છે કે હું આ આદેશનો ઉપયોગ સ્ટાર્ટર બનાવવા માટે કરીશ
બ્લોક અને તમે હેન્ડબુક પરના બ્લોક ટ્યુટોરીયલમાં જોશો કે તે
વાસ્તવમાં સંદર્ભો, બ્લોક બનાવવાની શરૂઆત કેવી રીતે કરવી. તો આ એક સરસ છે
જો તમે આ કોડ પહેલાં ક્યારેય ન જોયો હોય તો કોડ કેવો દેખાય છે તે જોવાની રીત. અને
તે તમને એક ખ્યાલ આપશે કે અમે કઈ દિશામાં કામ કરી રહ્યા છીએ. તેથી પાછા મારા
આદેશ વાક્ય, હું એક ડિરેક્ટરી ઉપર જઈશ, કારણ કે હું આમાં રહેવા માંગુ છું
પ્લગઈન્સ ડિરેક્ટરી, હું સ્ટ્રેટઅપ બ્લોક બનાવો ચલાવીશ, ચાલો, તે પછી
મારી પ્લગઈન્સ ડિરેક્ટરીમાં સ્ટાર્ટઅપ બ્લોક નામનું ફોલ્ડર બનાવવા જઈ રહ્યો છું, તે છે
મને જોઈતી તમામ JavaScript સામગ્રી લાવવા જઈ રહી છે, તે બનાવશે
વિવિધ ફાઇલો કે જેની મને જરૂર પડી શકે છે, કેટલાક પેકેજો ઇન્સ્ટોલ કરો, જેમાં થોડો સમય લાગે છે.
અને જ્યારે આ થઈ જશે, ત્યારે હું મારા પ્રોજેક્ટમાં મારી પ્લગઈન્સ ડિરેક્ટરીમાં રાખવા જઈશ,
મારી પાસે સ્ટાર્ટર બ્લોક પ્લગઈન હશે. કેટલાક કોડ સાથે જે હું શરૂ કરી શકું છું
જોતા, તમે જોશો કે તે પહેલેથી જ સ્ટાર્ટર બ્લોક ડોટ PHP ફાઇલ બનાવેલ છે,
જે આપણે જોઈ શકીએ છીએ. તો ચાલો અમારું વર્કશોપ પ્લગઈન બંધ કરીએ. તેથી માં
સ્ટાર્ટર બ્લોક ડોટ PHP, તમે અહીં જોશો કે તે એક મૂળભૂત પ્લગઇન છે. તેથી જો તમે કર્યું છે
પહેલાં ક્યારેય પ્લગઇન બનાવ્યું નથી, આ બિલ્ડિંગ સાથે પ્રારંભ કરવાની એક સરસ રીત છે
તમારું પ્રથમ પ્લગઇન. તે હેડર ફાઇલ મળી છે, તે કાર્ય મળ્યું છે જે
દરેક વસ્તુને આરંભ કરે છે અને તે ક્રિયા મેળવે છે જે બનાવે છે, જે હૂક કરે છે
એકમ ક્રિયા અને પછી આ કાર્યને કૉલ કરે છે. ઠીક છે, ચાલો એક નજર કરીએ અને
જુઓ આ ક્યાં સુધી ચાલે છે. આ બધું થઈ રહ્યું છે. તો ચાલો એક નજર કરીએ. તેથી
જ્યારે તે બધું આજે ચાલી રહ્યું છે, ત્યારે નોડ મોડ્યુલો આવી રહ્યા છે. બરાબર,
એ તો કમાલ છે. તમે જોશો કે તે આ સ્ત્રોત ડિરેક્ટરી પણ બનાવેલ છે. અને
જો આપણે ક્યારેય સોર્સ ડિરેક્ટરીમાં જોઈએ, તો તમે જોશો કે ત્યાં એક index.js છે
ફાઇલ અને આ તે છે જ્યાં તમામ JavaScript, બ્લોક રજીસ્ટ્રેશન અને
વસ્તુઓ થાય છે. ઠીક છે, તેથી તે અમારા માટે એક મહત્વપૂર્ણ ફાઇલ બનશે. ત્યાં છે
બીજી વસ્તુઓ પણ, શું તે j નથી. s એ સાચવેલ j s છે, હું પણ ડાઇવ કરવાનો નથી
આમાં ઘણું બધું, હું આજે ઇન્ડેક્સ જેએસ ફાઇલમાં કામ કરવા જઈ રહ્યો છું. તે પણ
પ્રથમ વખત અમારા માટે બોલ ડિરેક્ટરી બનાવે છે, અને પછી તે બનાવે છે
આ ફાઇલો અહીં, ઇન્ડેક્સ એસેટ, CSS, js અને સામગ્રી. ઠીક છે, તો ચાલો અંદર જઈએ
તેઓ. ચાલો જોઈએ કે ત્યાં જઈ રહ્યું છે હા, આ સમાપ્ત થઈ ગયું છે. ઉત્તમ. તેથી તે છે
સ્ટાર્ટર બ્લોક બનાવ્યો, તે અમારા માટે તમામ કોડને બુટસ્ટ્રેપ કરે છે. અને
તે કહે છે કે તમે આ આદેશો ચલાવી શકો છો, તમે NPM પ્રારંભ ચલાવી શકો છો, તમે NPM ચલાવી શકો છો
બિલ્ડ, જેનો આપણે થોડો ઉપયોગ કરીશું. અને તમે દરેક પ્રકારની મજા કરવાનું શરૂ કરી શકો છો
વસ્તુઓ. તેથી બ્લોક જે રીતે કામ કરે છે તે PHP માં છે, તમે બ્લોક કોડ રજીસ્ટર કરો છો, જેથી તમે
જાવાસ્ક્રિપ્ટ ફાઇલ અને તમને જરૂર પડી શકે તેવી કોઈપણ સ્ટાઇલ શીટ્સની નોંધણી કરો. અને
તે આ રજિસ્ટર બ્લોક પ્રકારની PHP પદ્ધતિનો ઉપયોગ કરે છે. તેમાં બ્લોકનું નામ છે. અને
પછી તેની પાસે સ્ક્રિપ્ટ્સની શ્રેણી છે. તેથી સંપાદક સ્ક્રિપ્ટ JavaScript ફાઇલ છે
જે સંપાદકનું સંચાલન કરે છે, સંપાદક શૈલી એ CSS ફાઇલ છે જે બનાવે છે
સંપાદકમાં કોઈપણ પ્રકારના ડિઝાઇન ફેરફારો. અને શૈલી કોઈપણ ફ્રન્ટ એન્ડ છે
તમે રજીસ્ટર કરવા માંગો છો તે સ્ટાઇલ. કોઈપણ પ્રકારની વિવિધ વસ્તુઓ માટે
સામાન્ય રીતે, તમારી પાસે બે અલગ-અલગ શૈલીઓ હોતી નથી, કારણ કે તમે
સામાન્ય રીતે ઇચ્છો કે તમારો બ્લોગ આગળના છેડે જેવો જ સંપાદકમાં દેખાય,
પરંતુ ત્યાં કેટલીક વસ્તુઓ હોઈ શકે છે જે તમે ત્યાં કરવા માંગો છો. પછી તે શું કરે છે તે છે
તે સાચું કહે છે, આ એસેટ પાથ શોધો. તેથી એસેટ પાર્ટ જનરેટ થાય છે
બોલ્ડ સ્ટેપમાં જનરેટ થયું. અને તે મૂળભૂત રીતે માત્ર
નિર્ભરતા. તેથી આપણને બ્લોક્સની જરૂર છે, અને આપણને તત્વોની જરૂર છે, આપણને જરૂર છે
આંતરરાષ્ટ્રીયકરણ, પછી આપણને પોલીફિલની જરૂર છે. અને તે તમને વર્ઝન આપે છે
નંબર. અને જ્યારે પણ તમે બિલ્ડ સ્ટેપ ચલાવો ત્યારે આ રિજનરેટ થાય છે. તેથી જો આપણે જઈએ
અહીં પાછા, તમે જોશો કે તે અમને એક સરસ નાની ભૂલ આપે છે, જે કહે છે કે તમારે આની જરૂર પડી શકે છે
આ કામ કરવા માટે આને ચલાવો, જે તમને ફેંકવાની એક સરસ રીત છે
તે ચલાવ્યું નથી. તે પછી તે એસેટ ફાઇલનો ઉપયોગ કરે છે. અને તે બોલ્ડ
index.js. અને તે તે સ્ક્રિપ્ટ રજીસ્ટર કરે છે. તેથી આ ખૂબ સમાન છે. જો તમે જોયું હોય
થીમ્સ અથવા પ્લગિન્સ માટે સ્ક્રિપ્ટ્સ રજીસ્ટર કરી રહ્યાં છે, તમે તેને હેન્ડલ આપો, તમે આપો
તે એક પાથ છે. અને પછી અમે તેને આ નિર્ભરતાઓ અને સંસ્કરણ આપીએ છીએ, આ છે
તમે પ્લગઇનમાં કર્યું હોય તેવી જ રીતે અથવા આના માટે કંઈપણ એવું જ
CSS ફાઇલો, શૈલીની નોંધણી કરો, તેને હેન્ડલ પાથ આપો, એક સમયે કોઈપણ નિર્ભરતા.
અને આ મૂળભૂત રીતે વર્ઝન નંબર છે. અને પછી શૈલી CSS માટે સમાન,
ઠીક છે, તો આ આ પ્રકારનો છે, હું કહીશ, સૌથી વધુ કોડ, તમે
એક બ્લોક રજીસ્ટર કરવાની જરૂર પડશે, તમે આનાથી ઓછું જઈ શકો છો.
અને અમે આ વર્કશોપમાં તે જ કરવાના છીએ, અમે ડૂબકી મારવાના નથી
આ ઘણી બધી સામગ્રીમાં. પરંતુ તમને જરૂર પડી શકે તેટલી આ પ્રકારની છે. માં
તમારા બ્લોકને કામ કરવા માટે PHP, પછી બાકીનું બધું તમારી JavaScript માં થાય છે. તેથી
તમે તમારા બ્લોક પ્રકારને રજીસ્ટર કરો છો, અને તમે તેને શીર્ષક જેવી વસ્તુઓ આપો છો અને
વર્ણન અને અન્ય વિવિધ વસ્તુઓ. અને તમે તેને ID મેથડ ફંક્શન આપો છો,
અને તે એક કાર્ય છે. અને અમે તે એક સેકન્ડમાં મેળવીશું. પરંતુ તે એક પ્રકારનું છે
જ્યાં તમામ બ્લોક JavaScript ડેનાસ થાય છે. તેથી અમે તે જ કરવા જઈ રહ્યા છીએ
અમારી પ્લગઇન ફાઇલમાં પણ ઉપયોગ કરો. તો હવે હું શું કરવા જઈ રહ્યો છું તે છે હું જાઉં છું
અહીંથી શરૂઆત પર પાછા, અને હું માત્ર એક ખૂબ જ સરળ નોંધણી કરવા માંગુ છું
સંપત્તિ, હું કોડનો ઉપયોગ કરવા જઈ રહ્યો છું, તે નવા ટેબમાં ખુલશે. તો કોઈપણ રીતે, હું જાઉં છું
તેઓ હેન્ડબુકમાં આપેલા કોડનો ઉપયોગ કરવા માટે, જે ખૂબ જ સરળ છે
અમારી પાસે સ્ટેટા બ્લોકમાં શું છે તેનું સંસ્કરણ. ઠીક છે, તો હું તેને બંધ કરીશ
ડાઉન. હું તેને બંધ કરવા જઈ રહ્યો છું, તેને બંધ કરું છું. અને હું હમણાં જ જઈ રહ્યો છું
આ કોડ અહીં લો, કારણ કે મને આ સરસ અને સરળ લાગે છે. થોડું સરળ
પ્રથમ વખત કામ કરવા માટે પણ હું તે સ્ટાર્ટર બ્લોકનો ઉપયોગ કરીશ જો હું
ક્યારેય તેના પર પાછા જવાની જરૂર છે. તેથી અમારા બ્લોક ડેવલપમેન્ટ વર્કશોપમાં, હવે હું છું
ઠીક છે, મને મારા કાર્યો પહેલાં મારા એક્શન હૂક ટોચ પર રાખવાનું ગમે છે, બસ
કંઈક જે મેં પસંદ કર્યું છે તે તેને વધુ વાંચવા યોગ્ય બનાવે છે. અને પછી હું ફક્ત
આને કૉલ કરો મને લાગે છે કે હું btw ઉપસર્ગનો ઉપયોગ કરી રહ્યો હતો. હા હું હતો. હું btw જવાનો છું
વર્કશોપ બ્લોક કનેક્ટ. હું મારા ફંક્શનને કૉલ કરવા જઈ રહ્યો છું, મારા કૉલબૅક ફંક્શન
એ જ વસ્તુ. અહીં મારી એસેટ ફાઇલ છે. તેથી બોલ એસેટ એડનેક્સા શોધો. PHP, અમારી પાસે છે
તે સ્ટાર્ટર બ્લોકમાં જોયું. હું તપાસ કરવા જઈ રહ્યો નથી કે ફાઇલ
અસ્તિત્વમાં છે. અત્યારે હું તેને ખૂબ જ સરળ રાખું છું. અને પછી હું જાઉં છું
સ્ક્રિપ્ટ સુધી પહોંચો જેથી હું સ્ક્રિપ્ટને btw વર્કશોપ લૉક સ્ક્રિપ્ટ કૉલ કરવા માંગુ છું.
આ આગળના છેડે નોંધાયેલ તમામ સારા માટેનું હેન્ડલ છે. ધ બોલ્ડ
બધુ એક જ રહે છે. પછી જ્યારે તમે હોવ ત્યારે મારે મારી બ્લોક ટોક રજીસ્ટર કરવાની જરૂર છે
બ્લોક પ્રકાર રજીસ્ટર કરવા માટે તમારે ખાતરી કરવાની જરૂર છે કે તેમાં અનન્ય ઉપસર્ગ છે
જ્યારે તમે પ્લગઇન ફંક્શન કરો છો તેના જેવું જ. તમે JavaScript વિભાગમાં જોશો
તેઓ તમારા કોડને સ્કોપ કરવાની વાત કરે છે. તેથી હું તેના વિશે વાંચવાની ભલામણ કરું છું અને
તે કેવી રીતે કાર્ય કરે છે તે શોધવું. તો આ કિસ્સામાં, હું અહીં જ જઈ રહ્યો છું, અને
હું કહેવા જઈ રહ્યો છું, btw વર્કશોપ. અને પછી હું આ કરવા જઈ રહ્યો છું. અને પછી હું જાઉં છું
અહીં જવા માટે, અને હું કહેવા જઈ રહ્યો છું, ના, તે મને જોઈતું નથી. ચાલો btw જઈએ
વર્કશોપ બ્લોક, જો હું ઇચ્છું તો હું ફક્ત વર્કશોપ બ્લોક કહી શકું છું
જ્યાં તે ખરેખર વાંધો નથી, ચાલો ખરેખર તે કરીએ. અમે ફક્ત તેને બોલાવીએ છીએ
એક વર્કશોપ બ્લોક, તમે જોશો કે હું હાઇફન અને અન્ડરસ્કોરનો ઉપયોગ કરું છું, જો તમે
અંડરસ્કોર્સનો ઉપયોગ કરો, તમને એક ભૂલ મળશે. તેથી તમારા બ્લોક પ્રકાર નામકરણનો ઉપયોગ કરવો આવશ્યક છે
હાઇફન્સ. અને પછી મારી એડિટર સ્ક્રિપ્ટ વર્કશોપ બ્લોક સ્ક્રિપ્ટ બનશે
જે મારી પાસે અહીં છે. તેથી હું માત્ર ત્યાં પૉપ કરવા જઈ રહ્યો છું. બરાબર. તેથી હવે મેં સેટ કર્યું છે
અપ, શાબ્દિક રીતે, આ તમને જરૂરી કોડની ન્યૂનતમ રકમ છે. નવું બનાવવા માટે
બ્લોક કરો, મારે મારી અનુક્રમણિકા જેએસ બનાવવાની જરૂર નથી. હવે, હું તેને માં બનાવવાનો નથી
બોલ્ડ ફોલ્ડર, કારણ કે મારું બોલ્ડ પગલું બોલ્ડ ફોલ્ડર બનાવશે. મારા માટે, જો તમે
મારા સ્ટાર્ટર બ્લોક પર એક નજર નાખો, મારી પાસે એક સ્ત્રોત છે અને મારી પાસે બોર્ડ છે. તેથી મને જરૂર છે
સોર્સ ફોલ્ડર બનાવવા અને તેમાં સોર્સ કોડ તરીકે ઓળખાતા માય સોર્સ પર મૂકવા માટે
સોર્સ ફોલ્ડર, તો ચાલો સોર્સ ફોલ્ડર બનાવીએ. હું પહેલેથી જ અસ્તિત્વમાં છું, મને લાગે છે
જ્યારે હું આનું પરીક્ષણ કરી રહ્યો હતો ત્યારે મારી પાસે તે પહેલા હતું. તેથી મારી પાસે ફોલ્ડર છે, અને પછી હું
માં મૂકવાની જરૂર છે, તે મારો ફોન બંધ થઈ રહ્યો છે, મારે JavaScript ફાઇલ મૂકવાની જરૂર છે,
અમે તેને ઇન્ડેક્સ કહીશું. અને તે મેળવવા માટે તેને ઉમેરવામાં આવશે નહીં
હમણાં, આ તે સ્થાને જશે જ્યાં મારો બ્લોક કોડ રહેશે. હવે જઈ રહ્યું છે
તમારા પ્રથમ બ્લોક ટ્યુટોરીયલ લખવા પર પાછા, તેઓ ખૂબ જ સરળ છે
અહીં અવરોધિત કરો, જે અમારા માટે સરસ છે, ઉદાહરણ તરીકે. તેથી અમે તેનો ઉપયોગ કરીશું કે હું છું
આ કોડને અહીં કૉપિ કરવા જઈ રહ્યાં છીએ. અને હું તેને ઓવર ઇન કરવા જઈ રહ્યો છું
ત્યાં. અને આ શું કરી રહ્યું છે તેના પર એક નજર કરીએ. તો આ શું કરી રહ્યું છે
તે કહે છે કે રજિસ્ટર બ્લોક પ્રકાર ફંક્શનને આયાત કરો, જેના પર તમે જઈ રહ્યાં છો
જરૂર છે, તે એક બ્લોક શૈલી સેટ કરી રહ્યું છે, જેમાં તેમાં થોડી સ્ટાઇલ છે, તે છે
પછી બ્લોક પ્રકાર રજીસ્ટર કરો. અને તમે જોશો કે આ કોડ જેવું જ હતું
અમે કૉપિ કરી છે. તેથી આપણે તેને અહીં અમારા કોડમાં બદલવાની જરૂર છે. અમે ત્યાં જઈએ છીએ.
ઠીક છે, હું તેને મારા પોતાના શીર્ષકો આપવા માંગુ છું, હું ફક્ત કહેવા જઈ રહ્યો છું, વર્કશોપ બ્લોક,
જે સરસ છે, હું જેમ છે તેમ રહી શકું છું, હું બદલવાની ચિંતા કરીશ નહીં
કે આ એવું જ રહેશે. પરંતુ હવે મેં મારો બ્લોગ પ્રકાર PHP માં રજીસ્ટર કર્યો છે.
તેથી તે તે નામ સાથે બ્લોકની અપેક્ષા રાખવાનું જાણે છે. આ સાથે જોડાયેલ સ્ક્રિપ્ટનો ઉપયોગ કરીને
હેન્ડલ. તે સ્ક્રિપ્ટ આ એક નથી, તે તે હશે જે માં બનેલી છે
બોલ્ડ પગલું. પરંતુ આ તે સ્ત્રોત છે જે તે બોલ્ડ ફાઇલ બનાવે છે, અને પછી
આ કોડ ધરાવે છે, જેમાં આપણે એક સેકન્ડમાં ડાઇવ કરીશું. તે બધું સારું છે અને
સારું. પણ હવે મારે પુસ્તક ચલાવવાની જરૂર છે. તેથી જો આપણે અહીં પાછા જઈએ, તો તમે જોશો કે મારી પાસે છે
બ્લોક અસ્કયામતોની નોંધણી કરી, અને હું JavaScript માં બ્લોક પર પહોંચી ગયો છું. અને
હું હિંમતપૂર્વક ઇન્સ્ટોલ ચલાવી શકું તે પહેલાં, પેકેજ JSON અપડેટ કરો, હું શું છું
ત્યાં વિશે વાત કરો છો? સારું, જો તમારી પાસે પેકેજ પર એક નજર હોય, તો અમારા માટે JSON
વર્કશોપ બ્લોક, તમે જોશો કે સ્ક્રિપ્ટ વિસ્તાર હેઠળ, મારી પાસે માત્ર હું નથી
આ ટેસ્ટ સ્ક્રિપ્ટ છે જે ચાલશે. પરંતુ જો તમે અમારા સ્ટાર્ટર બ્લોક પર પાછા જાઓ,
જે અહીં છે, ક્યાંક, તમે જોશો કે અહીં, મારી પાસે આ સ્ક્રિપ્ટો છે, અને
મારી પાસે બોલ્ડ સ્ક્રિપ્ટ સ્ટેપ છે અને મારી પાસે ફોર્મેટિંગ અને તે પ્રકારની વસ્તુઓ છે. તેથી
આ મારે ખાતરી કરવાની જરૂર છે કે તે અપડેટ થાય. મારે પણ અપડેટ કરવાની અને કહેવાની જરૂર છે,
મારી મુખ્ય ફાઇલ આ બોલ ડોટ ઇન્ડેક્સ છે, હું આ કોડ બિલ્ડ ન કરી શકે તે લેવાનો છું
ઇન્ડેક્સ, હું મારા પ્લગઇન્સ પેકેજ JSON ને લેખકના નામ સાથે અપડેટ કરવા જઇ રહ્યો છું
એવું જ રહી શકે છે. ડેવિડ પાસે કોઈપણ નિર્ભરતા પહેલાથી જ વર્ડપ્રેસ છે
સ્ક્રિપ્ટ્સ. તેથી તે મહાન છે. અને પછી હું આ સ્ક્રિપ્ટોની નકલ કરવા માંગુ છું
અહીં. અને મિલકત અને ત્યાં. ઠીક છે, હવે મેં બોલ્ડ સ્ટેપ સેટ કરી લીધું છે.
તે ઉત્તમ છે. તેથી હવે હું શું કરું છું તે ખાતરી કરવા માટે હું ફક્ત npm install ચલાવું છું
બધું જરૂરી તરીકે ઇન્સ્ટોલ કરેલું છે. તેથી હું મારા અવરોધિતમાં જઈશ
વિકાસ વર્કશોપ. અને હું એ બધું સુનિશ્ચિત કરીશ કે જેની મને જરૂર પડી શકે છે
ઇન્સ્ટોલ કરેલ છે, તે બધું ઇન્સ્ટૉલ હોવું જોઈએ. પરંતુ મારે કેટલાક ઉમેરવાની જરૂર પડી શકે છે
નવી વસ્તુઓ કારણ કે હવે મેં કહ્યું છે કે મને બિલ્ડ સ્ક્રિપ્ટની જરૂર છે, અને મને પગલાંની જરૂર છે અને
મને અન્ય તમામ પ્રકારની મનોરંજક વસ્તુઓની જરૂર છે. તેથી તે ચાલે છે અને કેટલાક ઉમેરશે
વધુ પેકેજો. તે મને નબળાઈઓ વિશે જણાવે છે, હું ચિંતા કરવાની નથી
તેને હમણાં ઠીક કરવા વિશે.
એકવાર મેં તે કરી લીધું, પછી હું NPM રન બોલ્ડ ચલાવી શકું છું. હવે જુઓ શું થશે. જો
તમે જુઓ. હું સ્ટાર્ટર બ્લોક પેકેજ JSON બંધ કરવા જઈ રહ્યો છું. જો તમારી પાસે હોય
મારા બિલ્ડ ફોલ્ડરમાં એક નજર. હું આ ફાઇલને બહાર કાઢીશ અને તેને કાઢી નાખીશ.
ઠીક છે, મારી સોર્સ ઇન્ડેક્સ છે, હાલમાં મારી બિલ્ડ ડિરેક્ટરીમાં કંઈ નથી, હું છું
પછી બિલ્ડ સ્ટેપ ચલાવવા જઈ રહ્યા છીએ. અને તે પછી મારા ઈન્ડેક્સ ડોટ j s અને કોઈપણ લેશે
ત્યાં કોઈપણ પ્રકારનું પૉપ અપ અને કોઈપણ પ્રકારનું CSS અથવા જે પણ હું ઉપયોગ કરું છું,
અને તેને આમાં ટ્રાન્સપાઇલ કરો જેમ કે સરળ એક લીટી સરળ અને જો આ છે
સરળ, પરંતુ કોઈપણ રીતે, એક લીટી કોઈ જગ્યા નથી, JavaScript કે જે કોઈપણ બ્રાઉઝર હેન્ડલ કરી શકે છે,
તે એસેટ ફાઇલ પણ બનાવે છે. તેથી તે દરેક વખતે આ બનાવે છે. ઠીક છે, હવે, શું
જો તમે દોડવા માંગતા ન હોવ તો તમે કરી શકો છો જ્યારે તમે દોડી શકો ત્યારે દર વખતે રન બિલ્ડ કરો
NPM તરીકે ઓળખાતી વસ્તુ, રન સ્ટાર્ટ. અને આ શું કરે છે તે માં ચાલે છે
બેકગ્રાઉન્ડ અને તે તમારી ફાઇલોમાં થતા કોઈપણ ફેરફારોને જુએ છે અને તે આપમેળે જ
તેમને બનાવે છે. તેથી હું અહીં ઝડપથી શું કરવા જઈ રહ્યો છું તે છે હું ફક્ત પૉપ કરવા જઈ રહ્યો છું
આ બાજુ તરફ, હું આને બાજુ પર પૉપ કરવા જઈ રહ્યો છું, અને હું ઈચ્છું છું કે તમે કરો
આ વિન્ડો જુઓ, હું મારી અનુક્રમણિકા ફાઇલમાં જવાનો છું, ના, તે હું નથી
જોઈએ. મારે એક સ્ત્રોત જોઈએ છે, આપણે ત્યાં જઈએ. અને હું તેને વર્ડપ્રેસ કહીશ
બ્લોક બે. અને જલદી હું આને સાચવીશ, તમે જોશો કે મારી સંપત્તિઓ હોવી જોઈએ નહીં
અહીં દોડનારાઓને ખબર નથી હોતી કે તેઓ કેમ દોડી રહ્યાં નથી. આપણે ત્યાં જઈએ, પક્ષી ત્યાં દોડ્યું,
અને તેણે તેને અપડેટ કર્યું, અને તેણે નવો ઇન્ડેક્સ બનાવ્યો. તેથી જ્યારે હું આને કૉલ કરું છું
કંઈક બીજું. અને હું તેને સાચવું છું, અને પછી તે તેને ફરીથી ચલાવે છે. તેથી આ ફક્ત થશે
સતત મારી બોલ્ડ ફાઇલો બનાવવાનું ચાલુ રાખો, જે તે છે જેનો હું મારામાં ઉપયોગ કરું છું
પ્લગઇન નોંધણી. ઠીક છે, તો મને સમજવાની આ પ્રક્રિયા મળી જ્યાં
સોર્સ કોડ બેસે છે અને બિલ્ડ કોડ ક્યાં બેસે છે અને પેકેજ JSON મેળવો
સામગ્રી સેટઅપ કરવા માટે, મને ઓછામાં ઓછી સૌથી વધુ મુશ્કેલ લાગી. એકવાર હું
તે સમજાયું, પછી તે ઘણું સરળ બન્યું. તેથી જ મેં આ ભાગ બનાવ્યો છે
પગલું તમે હવે જોશો કે અમે અમારા વર્ડપ્રેસ ઇન્સ્ટોલને શરૂ કરીએ છીએ કે નહીં. અને અમે લૉગ ઇન કરીએ છીએ
અહીં, અને અમે પોસ્ટમાં જઈએ છીએ. અને અમે કહીએ છીએ કે, ફરીથી, આ માત્ર ગભરાઈ રહ્યું છે કારણ કે
તેમાં મને જોઈતો બ્લોક નથી. અને અમે કહીએ છીએ કે અમે વર્કશોપ ઉમેરવા માંગીએ છીએ
બ્લોક કરો. ત્યાં તેજી છે, અને અમારો બ્લોક છે, રોક એન્ડ રોલ કરવા માટે તૈયાર છે. ઠીક છે, તેથી
તમારા બ્લોક્સને સેટ અપ કરવા માટે તમારે આ પ્રકારની મૂળભૂત બાબતોની જરૂર છે, તમને જરૂર છે
તેને PHP માં સેટ કરવા માટે, તમારે તમારા બોલ્ડ સ્ટેપને સેટ કરવાની જરૂર છે, તમારા બ્લોકને આમાં સેટ કરો
ઇન્ડેક્સ ફાઇલ, બોલ્ડ ચલાવો અને પછી તમારે આગળ વધવું જોઈએ.
ઠીક છે, તેથી અમારું આગલું પગલું અમારા પ્લગઇનમાં કેટલાક ઘટકો ઉમેરવાનું હશે
ઓછામાં ઓછું અવરોધિત કરો, અમે તે કરીએ તે પહેલાં, હું બધું જ કરવા માંગુ છું
કરી રહી છે. તેથી અમે PHP બાજુ પર શું થઈ રહ્યું છે તેમાંથી પસાર થયા, અમે સમજીએ છીએ
તે એસેટ ફાઇલ લોડ કરી રહ્યું છે, બ્લોક સ્ક્રિપ્ટ રજીસ્ટર કરી રહ્યું છે અને પછી રજીસ્ટર કરી રહ્યું છે
બ્લોક સ્ક્રિપ્ટનો ઉપયોગ કરીને બ્લોક પ્રકાર. JavaScript બાજુ પર. આ લાઇન ઓવર
અહીં, તે મૂળભૂત રીતે કહી રહ્યું છે કે આ ફંક્શનને WordPress બ્લોક્સમાંથી આયાત કરો
પેકેજ. તો આ એક ખાસ પેકેજ છે જે રજીસ્ટર બ્લોક પ્રકાર બનાવે છે
ફંક્શન ઉપલબ્ધ છે. આ બ્લોક સ્ટાઇલ કોન્સ્ટન્ટ મૂળભૂત રીતે JavaScript છે
ચલ કે જે આ બ્લોક માટે સ્ટાઇલ ધરાવે છે. પછી અમે રજિસ્ટરને કૉલ કરીએ છીએ
આપણે PHP માં ઉપયોગ કર્યો હતો તે જ નામ સાથે બ્લોક પ્રકાર. તેનું એક શીર્ષક છે જે અમે આપી શકીએ છીએ
તેમાં એક આયકન છે જેને આપણે સેટ કરી શકીએ છીએ તેની એક શ્રેણી છે, ઉદાહરણ છે. અને પછી તેની પાસે છે
એક સંપાદન અને સાચવવાની પદ્ધતિ. તેથી દેખીતી રીતે, ફંક્શન, જે પણ હોય, હું તરફ વલણ રાખું છું
જ્યારે વર્ગો અને કાર્યોની વાત આવે ત્યારે ફંક્શન્સ અને પદ્ધતિઓને મૂંઝવણમાં મૂકે છે, હું છું
બે શબ્દો એકબીજાના બદલે વાપરવા જઈ રહ્યા છીએ. સંપાદન કાર્ય છે
જ્યારે બ્લોક એડિટરમાં પ્રદર્શિત થાય ત્યારે શું ચાલે છે. તેથી જ્યારે તે સંપાદક છે, તે છે
સુયોજિત કરેલ શૈલી અને હેલો, વર્લ્ડ સ્ટેપ સાથે div બતાવવા જઈ રહ્યા છીએ
એડિટરમાંથી એક. જ્યારે બ્લોક સાચવવામાં આવે ત્યારે સેવ ફંક્શન કહેવાય છે
અથવા જ્યારે ચૂકવેલ પોસ્ટ અથવા પૃષ્ઠ સાચવવામાં આવે છે. અને પછી તે થી બતાવવામાં આવશે
ફ્રન્ટ એન્ડ. તેથી તમે ત્યાં તફાવત જોઈ શકો છો. જો આપણે અહીં અમારી પોસ્ટ જોઈએ, તો તે
સંપાદક તરફથી કહે છે. અને જો આપણે તેને સાચવીએ, તો તે હજુ પણ માં સંપાદક તરફથી કહે છે
બ્લોક કરો, પરંતુ જો આપણે આગળના છેડે તેનું પૂર્વાવલોકન કરીએ, તો તે આગળના છેડેથી કહેશે. તેથી
સેવ પાર્ટ એ ડેટાબેઝમાં ભૌતિક રીતે સાચવવામાં આવે છે.
જો તમે કોડ એડિટર સંસ્કરણ પર એક નજર નાખો છો, તો તમે અહીં જોશો કે તે અહીંથી કહે છે
આગળનો છેડો. તો આ તે છે જે આ કોડને સંગ્રહિત કરે છે આ ટિપ્પણીઓ સાથે
વર્કશોપ બ્લોક સામગ્રી, અને પછી કોડ સાથે બ્લોકની સામગ્રીઓ
તે અંતિમ છે, આ ડેટાબેઝમાં ભૌતિક રીતે સંગ્રહિત છે. અને પછી તે છે
આગળના છેડે રેન્ડર કરવા માટે શું વપરાય છે. કેટલાક લોકો એવા છે જે પસંદ નથી કરતા
આ ડેટા સ્ટોર કરવાની આ રીત છે, પરંતુ તેના ફાયદા અને ગેરફાયદા છે. તેથી અમારે જરૂર છે
તે બે તફાવતોને સમજો. તેથી આ તે હશે જ્યાં આપણે મોટા ભાગનું કામ કરીશું
એડિટરમાં પ્રદર્શિત થાય તે રીતે બ્લોક બનાવવાનું અમારું કાર્ય. અને પછી અહીં
આ કદાચ આનો ઉપયોગ કરીને સમાન વસ્તુનું સરળ સંસ્કરણ હશે
સામગ્રી કે જે સાચવવામાં આવે છે અને પછી તેને ફક્ત આગળના છેડે પ્રદર્શિત કરે છે. ઠીક છે, તેથી
હવે આગળની વસ્તુ જે આપણે કરવા માંગીએ છીએ તે એ છે કે હું એક ઘટક ઉમેરવા માંગુ છું તેથી ચાલો વાત કરીએ
કયા ઘટકો પ્રથમ છે તે વિશે, ઘટકો એક પ્રકારના વિશિષ્ટ ટુકડાઓ છે
કોડ જેનો ઉપયોગ તમે પ્રતિક્રિયામાં કરી શકો છો તે બ્લોક એડિટરમાં હશે જે પરવાનગી આપે છે
તમે કોડને ફરીથી લખ્યા વિના અમુક વસ્તુઓ કરવા માટે. હવે દેખીતી રીતે
સંપાદક પાસે ઘટકોનો સંપૂર્ણ સમૂહ છે. તેથી તે એક છબી ઘટક ધરાવે છે. તેની પાસે છે
રિચ ટેક્સ્ટ ઘટક, જે ફકરો જેવો દેખાય છે. અને આ બધા છે
વિવિધ સંપાદકમાં સમૃદ્ધ ટેક્સ્ટ હશે. તમે કદાચ જોશો કે ત્યાં એક હશે
ક્યાંક મીડિયા કંપની પોન્ટ કરે છે, જેમાં ઇમેજ અપલોડ વિકલ્પો હશે,
કદાચ મીડિયા, ઉપયોગિતાઓ, ગમે તે હોય. તેથી આ બધામાં પ્રવેશવું સારી બાબત છે અને
આ બધી વસ્તુઓ કેવી રીતે કામ કરે છે તે જોવા જેવું છે, અમે શ્રીમંતોનો ઉપયોગ કરીને શરૂઆત કરવા જઈ રહ્યા છીએ
ટેક્સ્ટ ઘટક. આ સૌથી સામાન્ય ઘટક છે, જ્યારે તમે હોવ ત્યારે તમે જોઈ શકો છો
WordPress માં પૃષ્ઠ અથવા પોસ્ટને સંપાદિત કરવું, તે મૂળભૂત રીતે ફકરા ટેગ છે, જો
તમે કરશો. અને અમે વિશેષતાઓનો ઉપયોગ કરવા જઈ રહ્યા છીએ. તો પહેલા, ચાલો ને પકડી લઈએ
કોડ. અને ચાલો જોઈએ કે તે કેવું દેખાય છે. તેથી હું રજીસ્ટર લેવાનો નથી
પ્રકારની સામગ્રીને અવરોધિત કરો, હું ફક્ત સંપાદન અને સાચવો કાર્યો લેવા જઈ રહ્યો છું,
અને હું અમારા એડિટ અને સેવ ફંક્શન્સને બદલવા જઈ રહ્યો છું. તેથી અમે અહીં જાઓ. ઠીક છે, તેથી
પ્રથમ વસ્તુ એ છે કે તમારી પાસે આ નવી વસ્તુ છે જેને પ્રોપ્સ કહેવાય છે, જે અમે કરીશું
એક સેકન્ડમાં વાત કરો. એક અપરિવર્તિત સામગ્રી કાર્ય છે. અને આ રહ્યું
રિચ ટેક્સ્ટ ઘટક. તેથી આ સમૃદ્ધ ટેક્સ્ટ ઘટક, જ્યારે તે ટ્રાન્સપિલ્ડ થાય છે,
તેને કેટલાક કોડમાં ફેરવે છે, જે રિચ ટેક્સ્ટ બ્લોક જનરેટ કરે છે. અને પછી આ છે
સેવ, જે પછી અન્ય તમામ પ્રકારની મનોરંજક વસ્તુઓ કરે છે. તો ચાલો આને સાચવીએ,
તમે જોશો કે મારું, મારું બોલ્ડ પગલું પહેલેથી જ આપમેળે ચાલી રહ્યું છે. અને ચાલો જોઈએ
જ્યારે અમે અમારી પોસ્ટ રિફ્રેશ કરીએ છીએ ત્યારે શું થાય છે. તેથી તમે જોશો કે તે નિષ્ફળ ગયું છે. ઠીક છે,
તે સરસ છે, કારણ કે તેનો અર્થ કંઈક ખોટું થઈ રહ્યું છે. તો ચાલો એક લઈએ
જુઓ અને શા માટે જુઓ. અહીં અમે જાઓ. પ્રોમિસ રેફરન્સ એડિટર, રિચટીગ છે
વ્યાખ્યાયિત નથી. જો તમને ખબર ન હોય કે આવું શા માટે છે, તો આ મારા ફાયરફોક્સ ડેવલપર ટૂલ્સ છે
તમે વિકાસ કરી રહ્યાં હોવ ત્યારે ખોલવા માટે ખૂબ જ સરળ. અને તમે જોઈ શકો છો કે શું ચાલી રહ્યું છે
ચાલુ. આવું થવાનું કારણ એ છે કે મેં રિચ ટેક્સ્ટ આયાત કર્યું નથી
જેમ કે મેં રજિસ્ટર બ્લોક પ્રકાર આયાત કર્યો છે, મારે સમૃદ્ધ ટેક્સ્ટ ઘટક આયાત કરવાની જરૂર છે.
તો ચાલો અહીં ઉપર જઈએ. અને અહીં તે ત્યાં છે. ચાલો આ આયાત કરીએ. તેને માં પૉપ કરો
બોલ્ડ પગલું આપમેળે ચાલશે. હા, તે થઈ ગયું. ચાલો તે પૃષ્ઠને તાજું કરીએ.
ઠીક છે, અન્ય બ્લોક માન્યતા નિષ્ફળ. હવે આનો અર્થ શું છે અને તમે જોઈ શકો છો
આ જ્યારે તમે વિકાસ કરી રહ્યાં હોવ ત્યારે મેં બ્લોકનો કોડ બદલ્યો છે,
જેનો અર્થ એ છે કે હવે એ જ ફંક્શનમાં ચાલે છે, તે કંઈક સંપૂર્ણપણે ચાલે છે
અલગ છે અને તેમાં આ માહિતી ડેટાબેઝમાં સંગ્રહિત નથી.
તેથી તે કહે છે, અરે, થોડીવાર અટકો, મેં સામગ્રી સાચવો, શું છે તે માન્ય કરવાનો પ્રયાસ કર્યો.
તમે મને હમણાં રેન્ડર કરવાનું કહી રહ્યાં છો તે તદ્દન અલગ છે. મને ખબર નથી કે શું કરવું
કરો, અને તે તમને શૂન્ય આપે છે.
જ્યારે હું વિકાસ કરી રહ્યો છું, ત્યારે હું આને અવગણી શકું છું કારણ કે હું જાણું છું કે તે આના માટે થઈ રહ્યું છે
આ કારણ છે, પરંતુ તે શું કરી રહ્યું છે તે સમજવું સારું છે. તો હવે જો આપણે એક ઉમેરીએ
છબી, ફક્ત કન્સોલ સાફ કરો. હવે જો આપણે નવો વર્કશોપ બ્લોક ઉમેરીએ, તો અહીં અમે
જાઓ, તે રિચ ટેક્સ્ટ એડિટરની નોંધણી કરી રહ્યું છે, હું કહી શકું છું કારણ કે તે બધું જ છે
આ શાનદાર રિચ ટેક્સ્ટ ફીલ્ડ્સ કે જે હું બદલી શકું છું. અને હું થોડી મૂકવાનું શરૂ કરી શકું છું
અહીં અને જાઓ, હેલો, આ ટેક્સ્ટ છે. અને હું બોલ્ડિંગ જેવી વસ્તુઓ કરી શકું છું
અને અન્ય વિવિધ વસ્તુઓ. અને આ બધા સમૃદ્ધ ટેક્સ્ટ સંપાદકનો ભાગ છે. તેથી
આ રીતે તમે કસ્ટમ બ્લોક બનાવવા માટે હાલના ઘટકનો ઉપયોગ કરી શકો છો. તેથી
ચાલો આને સાચવીએ. અને ચાલો તેનું પૂર્વાવલોકન કરીએ. અને હેલો, આ અમુક ટેક્સ્ટ છે. ત્યાં અમે
જાઓ. અમે બધા ખુશ છીએ. ઠીક છે, તેથી આ સરસ કામ કરી રહ્યું છે. આ અમે જે કરી રહ્યા છીએ
કરવાની જરૂર છે. હવે. સમજવા જેવી બીજી વસ્તુ છે લક્ષણો. હવે, આમાં
ઉદાહરણ તરીકે, મારે વિશેષતાનો ઉપયોગ કરવાની જરૂર નથી કારણ કે તમે જોશો
કે હું ત્યાં ટેક્સ્ટ લખી રહ્યો છું. અને તે ડેટાની બચત કરે છે. અને હવે કારણ
તે તે કરી રહ્યું છે કારણ કે અહીં, હું કહી રહ્યો છું કે આના પર વિશેષતાઓ સેટ કરો
સામગ્રી, અને તે મૂળભૂત રીતે તેને આપમેળે પમ્પ કરે છે, પરંતુ તે છે
તમારી વિશેષતાઓને પણ વ્યાખ્યાયિત કરવાનો સારો વિચાર.
તો ચાલો આને અહીં લઈએ. અને અમે તેને ફક્ત શ્રેણીમાં પૉપ કરીશું. તેથી હવે હું છું
ખરેખર મારી વિશેષતાઓને વ્યાખ્યાયિત કરવી. અને હું કહું છું કે આ સામગ્રી વિશેષતા છે.
અને પસંદગીકાર એ સમૃદ્ધ ટેક્સ્ટનો ફકરા ટેગ છે. અને તે પછી સંગ્રહ કરશે
તે ડેટા. જો તમે થોડીક સંગ્રહ કરવા માંગતા હોવ તો હવે આ ક્યાં સરળ બને છે
બ્લોક પરનો વધારાનો ડેટા. તો ચાલો ઉદાહરણ તરીકે કહીએ કે, હું થોડો સંગ્રહ કરવા માંગુ છું
બ્લોક પર ID નો પ્રકાર. તેથી હું એક નવું લક્ષણ બનાવવા જઈ રહ્યો છું. અને હું જાઉં છું
તેને ID કહો. અને માત્ર આ હેતુઓ માટે, હું તેને એક શબ્દમાળા બનાવવા જઈ રહ્યો છું. અને
હું સ્ત્રોત અને પસંદગીકારને છોડી દઈશ કારણ કે પછી તે ફક્ત સંગ્રહિત થશે
તે બ્લોક પર છે. અને હું તમને બતાવીશ કે તે એક સેકન્ડમાં કેવી રીતે કામ કરે છે. અને પછી અહીં
અમે કહી રહ્યાં છીએ કે હું વિશેષતાઓ સેટ કરું છું. ચાલો એક સેકન્ડ માટે આ વિશે વાત કરીએ. તેથી
આ શું કરી રહ્યું છે, પ્રતિક્રિયામાં આ ખ્યાલ છે જેને પ્રોપ્સ કહેવાય છે, અમે
મૂળભૂત રીતે તમે બધી પ્રોપર્ટીઝને પદ્ધતિમાં પાસ કરી શકો છો. તેથી ની અંદર
પ્રોપ્સ, મને બ્લોકમાંથી વિશેષતાઓ મળી છે, અને અંદરની વિશેષતાઓ, મારી પાસે છે
સામગ્રી. મારી પાસે એક સેટ એટ્રિબ્યુટ્સ પદ્ધતિ પણ છે, જે માંથી પસાર થાય છે
મને લાગે છે કે રજિસ્ટર બ્લોક પ્રકાર, અને વર્ગ નામ પદ્ધતિ, જેમાંથી પસાર થાય છે અને
જો તમે વર્ગનું નામ જોશો, તો તે બ્લોક ટ્રાન્સપોર્ટનું નામ હશે.
તો હું શું કરી શકું તે એ છે કે હું સેટ એટ્રિબ્યુટ્સ અપડેટ કરી શકું, અહીં પૌરાણિક, ફંક્શન
વોલ્યુમ શૂન્ય, અને ID અપડેટ કરો કહો, જે નવી વિશેષતા છે જે હું હમણાં જ કરું છું
ઉમેરાયેલ. અને તેને કંઈક એવું કહીએ, ચાલો મારું નસીબ કહીએ. હવે, તે થવાનું નથી
તે અત્યારે શું કરી રહ્યું છે તે સ્પષ્ટ છે. ખરેખર, ચાલો ટાઈ કરીએ, હું તેને છોડી દઈશ
હાલ માટે મારા બ્લોક પર. તેથી જો તમે તે કરો છો, અને અમે ખાતરી કરી છે કે રન ચાલી રહ્યું છે,
બિલ્ડ ચાલી રહ્યું છે, તે સરસ છે. જો આપણે તે કરીએ, અને અમે પોસ્ટને હિટ કરીએ,
ખરેખર કંઈપણ બદલાવાનું નથી. મેં ID ઉમેર્યું છે, ખરેખર કંઈ બદલાયું નથી,
હું થોડો વધુ ટેક્સ્ટ ઉમેરવા જઈ રહ્યો છું, જે ફેરફારને ટ્રિગર કરશે. અને તમે કરશો
જુઓ કે જો અમે અહીં કોડ એડિટર પર એક નજર કરીએ, તો તમે જોશો કે તે સ્ટોર થઈ રહ્યું છે,
ત્યાં ID છે, મારો બ્લોક, ઠીક છે? હવે, જ્યાં આ ઉપયોગી બને છે, ચાલો કહીએ
સામે છેડે, હું કંઈક અલગ રેન્ડર કરવા માંગુ છું, હું તેના પર આધારિત કરવા માંગુ છું
મારા બ્લૉગની સામગ્રી, હું બીજે ક્યાંક જઈને અમુક ડેટા મેળવવા જઈ રહ્યો છું અને
ગમે અને પછી રેન્ડર કરો કે આના ભાગ રૂપે, હું આના જેવું કંઈક કરી શકું છું,
અથવા હવે હું શું કરવા જઈ રહ્યો છું તે એ છે કે હું માત્ર જવાનો છું અને હું બિલાડીઓ પર જઈશ
ફક્ત આગળના છેડે ID વિશેષતાઓને જોડો. ઠીક છે, તેથી તે બોલ્ટ્સ છે.
અને જો હું હવે કોડ એડિટરમાંથી બહાર નીકળું અને આને સાચવું, તો મારે તેને સાચવવું જોઈએ. ખરેખર, હું
કદાચ રિફ્રેશ કરવાની જરૂર છે કારણ કે મને નથી લાગતું કે કોડ રિફ્રેશ થયા છે. ઠીક છે, તે છે
સારું. મને એવું થવાની અપેક્ષા હતી. ચાલો ફક્ત આ બ્લોક દૂર કરીએ. અને ચાલો એક ઉમેરીએ
નવું. મારા વર્કશોપ બ્લોક તરીકે, અમુક ટેક્સ્ટ, ઠીક છે, ચાલો જોઈએ
કોડ. ઓકે, આઈડી છે. તો તે સારું છે. ચાલો તેને સાચવીએ.
સાચું, તે ખુશીથી કોઈ ભૂલોને બચાવશે. અને હવે અમે તેનું પૂર્વાવલોકન પર કરીશું
ફ્રન્ટ એન્ડ. ત્યાં તમે જોશો કે તેમાં માય બ્લોક કન્ટેન્ટ ઉમેરવામાં આવ્યું છે, ઠીક છે. તેથી વિશેષતાઓ
એક એવી રીત છે કે તમે ચોક્કસ બ્લોક પર ડેટા સ્ટોર કરી શકો છો, તમે તેનો ઉપયોગ કરી શકો છો
જે રીતે મારી પાસે ફ્રન્ટ એન્ડ પર છે, તમે પણ તે ડેટાનો ઉપયોગ કરી શકો છો, જો તમે હોવ તો
તમારા બ્લોક સાથે વસ્તુઓ કરવી, જો તમારો બ્લોક માહિતી પસંદ કરવા જઈ રહ્યો હોય તો
અન્ય જગ્યાએથી, હું તમને આ વર્કશોપના અંતે બતાવીશ, હું તે કેવી રીતે કરી રહ્યો છું
એક ઉદાહરણ. પરંતુ એ સમજવું અગત્યનું છે કે વિશેષતાઓ મૂળભૂત રીતે છે
માત્ર ડેટાના પ્રકાર કે જે તમે તમારા બ્લોક પર સ્ટોર કરી શકો છો અને તમે તેનો ઉપયોગ કરી શકો છો
અન્યત્ર. ખરું, આગળની વસ્તુ જે આપણે જોવા માંગીએ છીએ તે એ છે કે આપણે કેવી રીતે કરવું તે જોવા માંગીએ છીએ
અમારા પોતાના કસ્ટમ ઘટકો ઉમેરો, અથવા આપણા પોતાના કસ્ટમ ઘટકો કેવી રીતે બનાવવા, અથવા એ
કસ્ટમ અને હાલના ઘટકોનું સંયોજન. તેથી પ્રથમ વસ્તુ આપણે છીએ
આપણે લેબલ માટે એકદમ સરળ નવો ઘટક બનાવવા જઈ રહ્યા છીએ
અમારા બ્લોક માટે. તેથી આ જે રીતે કામ કરે છે તે રીતે હું મારા પોતાના કસ્ટમ ઘટકો બનાવી શકું છું
આ JSX કાર્યક્ષમતાનો ઉપયોગ કરીને, જે મેં તમને અગાઉ બતાવ્યું હતું. અને હું સુંદર કરી શકું છું
હું જે ઇચ્છું છું તે HTML સ્ટ્રક્ચરનો ઉપયોગ કરીને ઘણું બધું કરું છું, જે પછી મળે છે
જાવાસ્ક્રિપ્ટમાં ટ્રાન્સપાઇલ. તેથી પ્રથમ વસ્તુ જે હું કરવા જઈ રહ્યો છું તે છે હું માત્ર છું
કમ્પોનન્ટ્સ નામનું ફોલ્ડર બનાવવા જઈ રહ્યો છું કારણ કે મને મારું વળગી રહેવું ગમે છે
ફોલ્ડર્સ, મારા ઘટકો અલગ ઘટકો ફોલ્ડરમાં. અને હું જાઉં છું
એક રદ કરો કે હું નવી JavaScript ફાઇલ બનાવવાનો છું. અને હું જાઉં છું
તેને શાર્પ મેસેજ વર્ક કહો, મને લાગે છે કે તે પર્યાપ્ત ગુણાત્મક છે. વર્કશોપ હેડર. અને
હું તમને એક સેકન્ડમાં ત્યાં શું કરી રહ્યો છું તે બતાવીશ. ના, આને ફરીથી ઉમેરશો નહીં. ઠીક છે.
તેથી અહીં વર્કશોપમાં, મારી પાસે હાલમાં કંઈ નથી. ઠીક છે.
હું શું કરવા જઈ રહ્યો છું તે હું તમને બતાવવા જઈ રહ્યો છું કે એક સરળ હિટ તે કેવું લાગે છે
જેમ કે, વાસ્તવિક સ્રોત કોડમાં જે હું હજી ચલાવી રહ્યો છું. હું સ્ત્રોત વિશે વાત કરીશ
એક સેકન્ડમાં અંતે કોડ. પરંતુ અહીં અમે જાઓ. અહીં ટાંકવામાં આવેલ સંદેશ હેડર છે
સંદેશ, તેનાથી કોઈ ફરક પડતો નથી. તો આ કોડ જેવો દેખાય છે. હવે, આ છે
એવું એવું નથી કે જેના વિશે હેન્ડબુકમાં વધારે પડતું બોલવામાં આવે. આ કંઈક છે
જેના વિશે પ્રતિક્રિયાની દુનિયામાં વધુ ચર્ચા થાય છે. આના અંતે
વર્કશોપ, હું કેટલાક સંસાધનો શેર કરીશ જ્યાં તમે કેવી રીતે ઘટકો વિશે શીખી શકો છો
અને વસ્તુઓ કામ કરે છે. પરંતુ ચાલો ફક્ત આની નકલ કરીએ. આને અમારી વર્કશોપમાં અહીં મૂકો, અને
તે શું કરે છે તેના વિશે હું વાત કરીશ. તેથી હું આવું કહું છું, મારે પ્રથમ વસ્તુ કરવાની જરૂર છે
વર્ડપ્રેસ એલિમેન્ટમાંથી કમ્પોનન્ટ ઑબ્જેક્ટ આયાત કરો જે મને આની મંજૂરી આપે છે
કસ્ટમ ઘટક બનાવો. ચાલો આનું નામ બદલીએ વર્કશોપ મેસેજ હેડર
હમણાં માટે. ઠીક છે, પછી મારે મારા નું નામ ગમે તે હોય તેવો વર્ગ બનાવવાની જરૂર છે
ઘટક છે, અને તે ઘટકને વિસ્તૃત કરે છે, પછી મારી પાસે તેની અંદર એક રેન્ડર પદ્ધતિ છે
વર્ગ. અત્યારે અંદર શું છે તેની ચિંતા કરશો નહીં. અને પછી અંતે
અહીં, મારી પાસે આ એક્સપોર્ટ ડિફોલ્ટ વર્ડપ્રેસ મેસેજ વર્કશોપ મેસેજ છે
હેડર. રેન્ડર પદ્ધતિમાં, મારું HTML જે પણ ચાલે છે તે હું ફક્ત પરત કરું છું
બનવું. આ કિસ્સામાં, હું માત્ર પ્રમાણભૂત HTML નો ઉપયોગ કરું છું. હું બીજો ઉપયોગ કરી શકું છું
અહીં ઘટક, હું કેટલીક JavaScript વસ્તુઓ કરી શકું છું. હું ગમે તે કરી શકું
કરવા માગો છો, પરંતુ હમણાં માટે, તે માત્ર HTML નું મૂળભૂત બીટ છે, કેટલાક સાથે h3 ટેગ
સામગ્રી. ઠીક છે, તો તે મારો ઘટક છે. મારી પાસે ખૂબ સારું છે હવે હું શું કરું
તે? મારી ઇન્ડેક્સ ફાઇલમાં, હું હવે કહી શકું છું કે, કામ આયાત કરો, વર્કશોપ. અને કારણ કે હું છું
PHP સ્ટોર્મનો ઉપયોગ કરીને, હું કરી શકું છું કે તે મારા માટે સ્વતઃપૂર્ણ થશે અને હું કરી શકું છું
તેના પર ક્લિક કરો. અને અમે ત્યાં જઈએ છીએ. તેથી વર્કશોપ મેસેજ હેડર આયાત કરો અને
સ્લેશ ઘટકો વર્કશોપ સંદેશનો માર્ગ. તેથી તે અનુક્રમણિકામાંથી એક ફાઈલ છે,
કમ્પોનન્ટ્સ વર્કશોપ મેસેજ હેડર, આપણે ત્યાં જઈએ છીએ. હવે હું શું કરવા જઈ રહ્યો છું
હું હમણાં માટે આ તમામ વિશેષતા સામગ્રી લેવાનો છું. અને હું જાઉં છું
હમણાં માટે આ બધું બહાર કાઢો. અને હું અહીં જે કરવા જઈ રહ્યો છું તે જ હું જાઉં છું
કહો રિટર્ન વર્કશોપ, શ્રી ચઢ્ઢા. અને સેવમાં, હું એ જ કરવા માંગુ છું.
વર્કશોપ સંદેશ હેડર. આ ખૂબ જ સરળ છે. મને હવે પ્રોપ્સની જરૂર નથી.
કારણ કે હું તેમની સાથે કંઈ કરી રહ્યો નથી. ત્યાં પ્રોપ્સની જરૂર નથી
હવે. અહીં અમે જાઓ. તેથી આ હવે મારા નું હવે ખૂબ જ સરળ સંસ્કરણ છે
wordpress.org. કારણ કે મને હમણાં જ મેસેજ હેડર મળ્યું છે, મને બ્લોકની જરૂર નથી
શૈલીની સામગ્રી હવે, હું થોડા સમય પહેલા જ કાઢી શકી હોત, મને તેની જરૂર નથી
હવે રિચ ટેક્સ્ટ. અમે તેને એક સેકન્ડમાં પાછું મૂકીશું. અને અમે ત્યાં જઈએ છીએ. અધિકાર. તેથી
મારું તે અને તે છે. હવે બોલ્ડ સ્ટેપ વિશે શું સારું છે તે એ છે કે તે થશે
સ્વતઃ શોધો કે મને આ ફાઇલ ઘટકોમાં મળી છે, અને તે થશે
તેને આપમેળે ચલાવો અને તેને મારા ઇન્ડેક્સ j s માં કમ્પાઇલ કરો. તેથી જો હું હમણાં જ તાજું કરું
મારો બ્લોક હવે તે મને સાચવવાની માન્યતા ભૂલ આપશે, જેની હું અપેક્ષા રાખું છું
કારણ કે મેં કોડ બદલ્યો છે. તેથી હું આ બ્લોક દૂર કરવા જઈ રહ્યો છું. અને પછી હું છું
વર્કશોપ બ્લોક ઉમેરવા જઈ રહ્યો છું અને જુઓ કે હવે અચાનક શું બદલાવ આવે છે, હું જોઈ રહ્યો છું
અમારા વર્કશોપ હેડરમાં આપનું સ્વાગત છે. તમે જોશો કે તે h3 ટેગ છે. અને તે છે
હવે આપણું શું છે, આપણો બ્લોક શું કરે છે અને તે કેવો દેખાય છે. તેથી જો
અમે નવી ટેબમાં પૂર્વાવલોકન કરીએ છીએ, ત્યાં જઈએ છીએ. અમારા વર્કશોપમાં આપનું સ્વાગત છે. તેથી મેં હમણાં જ
એક ખૂબ જ સરળ કસ્ટમ ઘટક બનાવ્યું, હું અહીં કંઈપણ મૂકી શકું છું, હું મૂકી શકું છું
વધુ સામગ્રી, હું API કૉલ્સ ચલાવી શકું છું અને પોસ્ટ ડેટા મેળવી શકું છું, હું પોસ્ટ સૂચિ બનાવી શકું છું,
હું આ કસ્ટમ ઘટકનો ઉપયોગ કરીને તમામ પ્રકારની રસપ્રદ વસ્તુઓ કરી શકું છું. પરંતુ આ છે
તમે તમારા પોતાના કસ્ટમ ઘટકો કેવી રીતે બનાવો છો. તમે તેમને તમારા માં આયાત કરો છો
બ્લોક કરો, આ પ્રકારના HTML શૈલી JSX કોડનો ઉપયોગ કરો, તમે જોશો કે હું બે કરી રહ્યો છું
વળતરના પ્રકારો, તે વાસ્તવમાં વાંધો નથી, આ કયો ઉપયોગ થાય છે
જો તમારી પાસે વધુ ઊંડી સામગ્રી છે, જે આગલા પગલામાં જશે. હું કરી શકું છું
આ રીતે પણ કરો, તે પણ સારું છે. પરંતુ આ રીતે તમે કસ્ટમ બનાવો છો
ઘટક. તેથી તમે આ ઘટક JSX નો ઉપયોગ કરીને તમામ પ્રકારની મનોરંજક વસ્તુઓ બનાવી શકો છો
શૈલી ફોર્મેટ. અત્યારે હું મારો પોતાનો કસ્ટમ ઘટક બનાવી શકું છું, છેલ્લો
આ વર્કશોપમાં હું જે કરવા માંગુ છું તે આ ઘટકોને જોડે છે. તેથી હું ઈચ્છું છું
એક સંદેશ ઘટક બનાવો, જે હેડર અને સમૃદ્ધ ટેક્સ્ટને જોડે છે
વિસ્તાર. હવે સરળીકરણ ખાતર, હું છેતરવા જઈ રહ્યો છું
આક્રોશપૂર્વક અને સીધા સંસ્કરણો પર જાઓ. આ વર્કશોપનું પગલું છ. જો
તમે આ વર્કશોપ દ્વારા કામ કરી રહ્યાં છો, મેં દરેક માટે શાખાઓ બનાવી છે
વિવિધ પગલાં. તેથી તમે બધા કોડ જોઈ શકો છો કારણ કે તમે પસાર થઈ રહ્યાં છો. પરંતુ માં
છઠ્ઠું પગલું, મને આખરે વર્કશોપ મેસેજ અને વર્કશોપ મેસેજ હેડર મળી ગયું છે.
તેથી અમે પહેલેથી જ વર્કશોપ મેસેજ હેડર બનાવી લીધું છે, જે સરસ છે. ચાલો
વર્કશોપ સંદેશ ઘટક પર એક નજર નાખો. તો આ તે જ દેખાય છે
લાઇક. તેથી હું આની નકલ કરવા જઈ રહ્યો છું. અને હું તમને બતાવવા જઈ રહ્યો છું કે હું અહીં શું કરી રહ્યો છું.
તો અહીં આપણે એક નવો ઘટક બનાવીશું. JavaScript ફાઇલ, અમે તેને કૉલ કરવા જઈ રહ્યા છીએ
કામની દુકાન. સંદેશ હું તેને ઉમેરવાનો નથી અને અમે કોડ ડમ્પ કરવા જઈ રહ્યા છીએ.
ઠીક છે, તો હું અહીં શું કરી રહ્યો છું, અમે જેમ કર્યું તેમ હું ઘટક આયાત કરી રહ્યો છું
પહેલાં, હું રિચ ટેક્સ્ટ ઘટક પણ આયાત કરું છું, કારણ કે હું ઉપયોગ કરવા માંગુ છું
તે મારા સંદેશમાં મારામાં છે, અને હું સંદેશ હેડર આયાત કરી રહ્યો છું. ઠીક છે, તેથી
તે કોડ પણ ઉપલબ્ધ થવા જઈ રહ્યો છે, તમે જોશો કે મેં તેને ખસેડ્યું છે
એટ્રિબ્યુટ્સ અને સેટ એટ્રિબ્યુટ્સ અને ક્લાસ નામ ડિસ્ટ્રક્ચરિંગ. ઘણા સાંભળવા માટે
ભેદો જ્યાં હું ઇન્ડેક્સ ફાઇલનો ઉપયોગ કરી રહ્યો હતો, હું અહીં પ્રોપ્સમાં પસાર કરી રહ્યો હતો. અહીં,
હું આ પ્રોપ્સનો ઉપયોગ કરું છું. અને હું એક સેકન્ડમાં આ બધું કેવી રીતે કાર્ય કરે છે તેના પર પાછા આવીશ, મેં
આ ઘટકમાં અપરિવર્તિત સામગ્રી કાર્યને પણ ખસેડ્યું. પછી મને મારું મળ્યું
રીટર્ન. હવે મારા રિટર્નમાં ક્લાસના નામ સાથે ડિવ છે. તેમાં વર્કશોપ સંદેશ છે
હેડર કમ્પોનન્ટ અને મારો રિચ ટેક્સ્ટ કમ્પોનન્ટ જેમ તે પહેલાં હતો
ઉદાહરણ. અને પછી હું એક્સપોર્ટ ડિફોલ્ટ વર્કશોપ મેસેજ કરી રહ્યો છું. કારણ હું
આ કબૂતરને મળ્યું કારણ કે તેની અંદર એકબીજાની બાજુમાં બે ઘટકો હોઈ શકતા નથી
એક ઘટકના રીટર્ન ફંક્શનને કોઈ વસ્તુમાં વીંટાળ્યા વિના
બીજું. તેથી તમારે તેને ડિવની અંદર લપેટી લેવાની જરૂર છે. ઠીક છે, તો તે સંદેશ છે,
હેડર એ જ રહે છે, પરંતુ મારે હવે ઇન્ડેક્સ બદલવાની જરૂર છે. તો ચાલો હું તમને બતાવું
તે કેવું દેખાય છે. તેનું અંતિમ સંસ્કરણ. હું ફક્ત તેની નકલ કરવા જઈ રહ્યો છું
સમગ્ર વસ્તુ કલા. હું તમને બતાવવા જઈ રહ્યો છું કે તે કેવું દેખાય છે. ઠીક છે, મને જરૂર નથી
તે હવે. ઉદાહરણ રહી શકે છે કે ઠંડી રહી શકે છે, અધિકાર? તો અહીં, આ રહ્યું
પદ્ધતિ સંપાદિત કરો. પ્રોપ્સ પાછા છે. ઠીક છે, તો અહીં હું આ કરી રહ્યો છું તેને D કહેવાય છે
સ્ટ્રક્ચરિંગ. તેથી હું કહું છું કે જે પ્રોપ્સ પસાર થઈ રહ્યા છે તે લો અને બહાર કાઢો
લક્ષણો, સમૂહ લક્ષણો અને વર્ગનું નામ. પછી હું તેને પસાર કરું છું
હું એટ્રિબ્યુટ્સ કહું છું તે જ નામો સાથે વર્કશોપ સંદેશ ઘટક
આ વિશેષતાઓ સમાન હશે. સેટ એટ્રિબ્યુટ એ વર્ગનું નામ છે
તે પછી આ વસ્તુઓને વર્કશોપ સંદેશના પ્રોપ્સમાં પસાર કરે છે
કમ્પોનન્ટ, તેથી જ આવું થાય છે કારણ કે હું ડી સ્ટ્રક્ચર અથવા
આ નકલ તત્વોને બહાર કાઢો અને આ ઘટકમાં તેનો ઉપયોગ કરો. બરાબર? પછી
ઓન ધ સેવ, હું જે કરી રહ્યો છું તે છે, હું આ પ્રકારની બધી વસ્તુઓ કરવા માંગતો નથી જે
હું સંદેશમાં કરી રહ્યો છું, અને હું અપડેટ અને અપરિવર્તિત કરવા ઈચ્છું છું અને
સામગ્રી અપડેટ કરી રહ્યું છે. સેવ પર, મારે ફક્ત અંતિમ આઉટપુટ જોઈએ છે. તેથી આઉટપુટ
div, મને ફક્ત હેડર જોઈએ છે અને પછી મને ફક્ત સમૃદ્ધ ટેક્સ્ટની સામગ્રી જોઈએ છે
સંપાદક. ઠીક છે,
તેથી હેડર છે, મારા સેવ પર મારી ઇન્ડેક્સ છે, બાકીનું બધું હોવું જોઈએ
સારું કામ કરી રહ્યું છે. બીજી વસ્તુ મારે કરવાની જરૂર છે, હું મારા વર્કશોપને આયાત કરતો નથી
હવે મેસેજ હેડર. હું મારો વર્કશોપ સંદેશ આયાત કરી રહ્યો છું. તો ચાલો આ સાફ કરીએ
આઉટ. ઠીક ઠીક. હું ફરીથી સમૃદ્ધ ટેક્સ્ટ ઘટક પણ આયાત કરી રહ્યો છું. તો ચાલો પકડી લઈએ
તે. જેથી તે નિષ્ફળ ન જાય. અમે ત્યાં જઈએ છીએ. તે થોડી હોવી જોઈએ. તેથી હવે હું પગલું ભરીશ
ચાલ્યા હશે. અને અમારા પ્રોજેક્ટમાં, અમને ભૂલ આવશે કારણ કે અમારી પાસે છે
બધું બદલ્યું. તે સારું છે. અમે ભૂલ થવાની અપેક્ષા રાખીએ છીએ. તે સારું છે.
ઠીક છે, વર્કશોપ સંદેશ હેડર વ્યાખ્યાયિત નથી હું ક્યાંક રસપ્રદ અનુક્રમણિકા
હું કૉલ કરું છું. હું વર્કશોપ મેસેજ ડેટાને કૉલ કરું છું. તેથી મને પણ તેની જરૂર છે.
ઠીક છે, તો ચાલો વર્કશોપ સંદેશાઓ આયાત કરીએ. જો તમે વિચારી રહ્યાં હોવ કે હું કેવો છું
મારા સંપાદકને આમંત્રિત કરવાથી આ બધું થાય છે કારણ કે હું PHP સ્ટોર્મનો ઉપયોગ કરું છું, જેમાં છે
JSX માટે સમર્થનમાં બિલ્ટ. જો તમારું નથી, તો પણ, જો તમે VS કોડનો ઉપયોગ કરી રહ્યાં છો
અથવા તેમાંથી એક, એવી રીતો છે કે જેનાથી તમે આ ઉમેરી શકો છો અથવા ફક્ત ટાઇપ કરવાની ટેવ પાડી શકો છો
અંતિમ ફાઇલના માર્ગની બહાર, હું એક સારા સંપાદક મેળવવાની ભલામણ કરું છું અને
તેને સેટ કરવું જેથી તે તમારા માટે આ બધું કરશે. અમે ત્યાં જઈએ છીએ. તેથી તે છે
થઈ ગયું, બિલ્ડ આપમેળે ચાલશે, ચાલો એક તાજું કરીએ. અવરોધિત કરો
માન્યતા નિષ્ફળ થઈ, અમે અપેક્ષા રાખીએ છીએ કે તે સારું છે. ચાલો બ્લોક દૂર કરીએ.
ચાલો ભૂલ કાઢી નાખીએ. અને હવે ચાલો વર્કશોપ બ્લોક ઉમેરીએ. અને તેજી, ત્યાં
અમે જઈએ છીએ. તેમાં આપણું હેડર છે. તેમાં આપણું સમૃદ્ધ લખાણ છે. તેથી તમે અમુક ટેક્સ્ટ કહી શકો છો
અહીં. જ્યારે આપણે આને સેવ કરીએ છીએ, અને અમે તેનું પૂર્વાવલોકન કરીએ છીએ, ત્યારે તે અમારા માં સ્વાગત બતાવશે
વર્કશોપ, અહીં થોડી ટેક્સ્ટ. તો અમે શું કર્યું છે અમે બે ઘટકો લીધા છે. એક
જે આપણે આપણી જાતે બનાવ્યું છે, જે પહેલાથી જ સમૃદ્ધ લખાણમાં અસ્તિત્વમાં છે, અમારી પાસે છે
તે બંનેને આ વર્કશોપ સંદેશ ઘટકમાં જોડ્યા. અને અમે છીએ
પછી વર્કશોપ સંદેશ ઘટકને કૉલ કરો. અમારા સંપાદનમાં, અમે બનાવી શકીએ છીએ
અન્ય ઘટક કહેવાય છે કદાચ આ વર્કશોપ સંદેશ સંપાદિત કરી શકે છે. અને આ
ફક્ત વર્કશોપ સંદેશ હોઈ શકે છે, અને પછી અમે તેને મૂકી શકીએ છીએ. અથવા અમે જઈ શકીએ છીએ
જ્યાં સુધી સ્ટાર્ટર બ્લોક શું કરે છે, જે મને લાગે છે કે તેઓ ખૂબ જ સરસ છે
તે સ્ટાર્ટઅપ બ્લોકમાં કર્યું. ચાલો હું તમને એક સેકન્ડ માટે અહીં બતાવું. માં
સ્ટાર્ટઅપ બ્લોક, તેઓ ખરેખર સંપાદન પદ્ધતિ હેઠળ છે, તેઓ ખરેખર કહે છે
સંપાદિત ફાઇલ આયાત કરો.
ચાલો અહીં જોઈએ, સંપાદનમાંથી સંપાદન આયાત કરો, આયાત કરો, સાચવોમાંથી સાચવો. તેથી જો હું જાઉં તો
સંપાદનમાં, અહીં આ વ્યક્તિ કોણ છે, જુઓ તેમને આ ડિફોલ્ટ મળ્યું છે, આ
આ ઘટક નિકાસ ડિફૉલ્ટ ફંક્શન જેવું જ છે. જો તમને થી યાદ છે
અમારું સંદેશ હેડર, અમારી પાસે આ નિકાસ ડિફોલ્ટ છે, સમાન પ્રકારની વસ્તુ. અને પછી
તેઓ હજુ સુધી એક અલગ ઘટક તરીકે બધું કરી રહ્યાં છે. તેથી તે એક પ્રકારનું સરસ છે
તે કરવાની રીત. તમે પણ તે કરી શકો છો કારણ કે અમે તે ફક્ત સંપાદનમાં અને માં કર્યું છે
સેફ. ઠીક છે, એવું લાગે છે અને તે ઘણું લાગે છે. અને સાથેની વસ્તુ
PHP અને JavaScript થી સ્વિચ કરવાની અને આને જાણવાની બાબત
વસ્તુઓ, તેની સાથે રમવા જેવી છે. મેં આ બધું સમજવામાં ઘણો સમય પસાર કર્યો
આ બધું સમજ્યા વગર. થોડી વારમાં, હું તમને કેટલાક બતાવવા જઈ રહ્યો છું
અતિરિક્ત સંસાધનો જેની હું ભલામણ કરું છું કે તમે તેને જુઓ. અને આશા છે કે આ
તમને આ વસ્તુઓ એકસાથે કેવી રીતે કાર્ય કરે છે તેનો સારો ખ્યાલ આપશે. કોડ બધો જ છે
ત્યાં બ્લોક ડેવલપમેન્ટ વર્કશોપમાં. બધી વિવિધ શાખાઓ જુઓ.
તે બધું કેવી રીતે કાર્ય કરે છે તે જુઓ. અધિકાર. તો આ વર્કશોપના છેલ્લા પગલા માટે, મારે બસ જોઈએ છે
મેં કામ કર્યું છે તેવા અમુક પ્રકારના જીવંત ઉદાહરણોમાંથી પસાર થવા માટે. મુખ્ય
એક ગંભીર રીતે સરળ પોડકાસ્ટિંગ પ્લગઇન માટે છે. તેથી જો તમે પકડ મેળવો છો
અથવા તમે તેને GitHub પર મેળવી શકો છો, માય ફાઇન્ડ માય શોધો
સ્રોતો, અમે મારા પર પ્લગઇન સ્ત્રોત ટર્કી શોધીશું, પ્લગઇન સ્રોત શોધીશું
ડિરેક્ટરી, તમે જોશો કે ત્યાં એક ઇન્ડેક્સ ફાઇલ છે, તમે જોશો કે ત્યાં એક સમૂહ છે
બનાવેલા ઘટકો. ત્યાં એક સંપાદન પ્લેયર અને અન્ય વિવિધ વસ્તુઓ છે. તેથી
આમાંથી પસાર થાઓ, કોડ પર એક નજર નાખો. અને તમે જોશો કે મેં કેવી રીતે બનાવ્યું છે
મેં બનાવેલા વિવિધ ઘટકો. વિવિધ ઘટકોને સંપાદિત કરવા માટે. મારી પાસે છે
વાસ્તવિક સંપાદન કરવા માટે અલગ ઘટકો બનાવ્યા. અને આ માત્ર એક પ્રકારનો
શું શક્ય છે તેનો ખ્યાલ આપે છે. કસ્ટમ બ્લોક્સ સાથે. ત્યાં એક સરસ મોટું છે
કસ્ટમ ટોક જે મેં કેટલાક કસ્ટમ HTML સાથે લખી છે. તે જ ઉપલબ્ધ છે
વાસ્તવિક દુનિયામાં. તેથી પસાર થવા માટે મફત લાગે અને એક નજર નાખો. અને મને જણાવો
જો તમને કોઈ પ્રશ્નો હોય. બીજી વસ્તુ જે હું તમારી સાથે શેર કરવા માંગુ છું તે છે
સંસાધનો. તેથી જ્યારે મેં પ્રથમ વખત બ્લોક્સ બનાવવાનું શરૂ કર્યું, ત્યારે મને ખબર નહોતી કે કેવી રીતે પ્રતિક્રિયા થાય છે
કામ કર્યું. મને ખ્યાલ નહોતો કે ગુટેનબર્ગ કેવી રીતે હૂડની નીચે કામ કરે છે. તેથી
મેં પહેલી વસ્તુ એ કરી કે મેં આ રિએક્ટ ફોર શરૂઆતના કોર્સ માટે કર્યું, ક્યાં દ્વારા
બોઝરની ખૂબ ભલામણ કરવામાં આવે છે. તે હાલમાં 50% છૂટ છે. અને પર આધાર રાખે છે
તમે વિશ્વમાં જ્યાં છો, ત્યાં તમને વધારાની ટકાવારી મળી શકે છે. તો જાઓ અને તપાસો
આ બહાર. હું અત્યારે જાણું છું, દક્ષિણ આફ્રિકા, જ્યાં પણ હોય ત્યાં ખૂબ જ સારી કિંમત છે
તમે વિશ્વમાં છો તે અલગ હોઈ શકે છે. પરંતુ તે રોકાણ કરવા યોગ્ય છે
પ્રતિક્રિયામાં પ્રવેશવું. હું જે અન્ય કોર્સની ભલામણ કરીશ તે છે ગુટેનબર્ગ બ્લોક
ઝેક ગોર્ડન દ્વારા વિકાસ અભ્યાસક્રમ. તે હાલમાં પણ છે,ના આધારે
તમે વિશ્વમાં જ્યાં છો, ત્યાં તમને ટકાવારીની છૂટ મળે છે. અને આ ખૂબ જ સારું છે
કોર ગુટેનબર્ગ પ્લગઇન કેવી રીતે કાર્ય કરે છે તેની મૂળભૂત બાબતો આપવા માટેનો કોર્સ. તે આપે છે
તમે એલિમેન્ટ લાઇબ્રેરી, બ્લોક વિસ્તાર, આ તમામ પ્રકારના વર્ડપ્રેસ
ગુટેનબર્ગ જે વિશિષ્ટ પુસ્તકાલયોને ઉજાગર કરે છે, જે માટે એક ઉત્તમ સંસાધન છે
તે બધી બાબતોને સમજવી. તેથી હું ખૂબ ભલામણ કરું છું કે તમે પહેલા પ્રારંભ કરો
શરૂઆત કરનારાઓ માટે રિએક્ટ ફર્સ્ટ લૉકવુડ રિએક્ટ વિશે કોઈ વિચાર છે, જો તમને કોઈ ખ્યાલ ન હોય તો
બ્લોક વિશે, પછી ગુટેનબર્ગ બ્લોક ડેવલપમેન્ટ કોર્સ સાથે પ્રારંભ કરો. અને
પછી છેવટે, સ્વાદિષ્ટ મગજ પરના ચૅપ્સમાંથી એકે અદ્ભુત લખ્યું
બિલ્ડીંગ બ્લોક્સ પરનો લેખ, જે આ વર્કશોપ જેવો જ છે. તેથી હું
આના દ્વારા વાંચવાની ભલામણ કરો, તે વિશેષતાઓ વિશે વાત કરે છે. તે સંપાદન વિશે વાત કરે છે
ફંક્શન, તેને એક કસ્ટમ છે, તેથી ફંક્શન. તેથી તે ખૂબ જ સમાન છે
આ વર્કશોપ માટે માત્ર એક લેખ ફોર્મેટમાં. અને આ લેખ વાંચતા, જ્યારે
હું બ્લોક્સ બનાવવાનું શીખી રહ્યો હતો જેનાથી કેટલાક વિચારોને સિમેન્ટ કરવામાં મદદ મળી હતી
તે ખાસ કરીને ગુટેનબર્ગ બ્લોકમાં ક્યારે આવ્યો તેની મને ખાતરી ન હતી
વિકાસ. મને આશા છે કે તમે આનો આનંદ માણ્યો હશે. જેમ મેં આની શરૂઆતમાં ઉલ્લેખ કર્યો છે,
હું ઘણું બધું છોડી રહ્યો છું અને મને સૌથી વધુ જે દેખાય છે તેના પર ધ્યાન કેન્દ્રિત કરું છું
મહત્વના ખ્યાલો જે તમારે જાણવાની જરૂર છે. કેટલાક કસ્ટમ ડેટાનું નિર્માણ. હું
સુઝાવ આપું છું, કારણ કે હું હંમેશા બ્લોક ડેવલપમેન્ટ હેન્ડબુક વાંચું છું.
તે તમને એ આપશે કે જ્યારે અમે આ વર્કશોપ કર્યું ત્યારે તે ધ્યાનમાં આવ્યું હતું, અમે સંપૂર્ણ રીતે કામ કરીએ છીએ
ઉદારણોમાંથી તેઓ તમને કામ કરવા માટે કેટલાક ઉત્તમ ઉદાહરણો આપશે. અને પછી
આ સંસાધનો ઉમેરી રહ્યા છીએ જેનો મેં ઉલ્લેખ કર્યો છે. હવે આપણે તેના પર માત્ર પ્રકારની બિલ્ડ કરીશું. જો
તમને આ વિશે કોઈ પ્રશ્નો હોય, તમે તેને આના પર મૂકવા માટે આપનું સ્વાગત છે
વર્કશોપ. અથવા તમે Twitter પર મને પકડી શકો છો. હું જ્હોન અન્ડરસ્કોર બેસિંગર છું.
હું આશા રાખું છું કે તમે બિલ્ડીંગ બ્લોકનો આનંદ માણશો. અને મને આશા છે કે આ તમને અમુક રીતે મદદ કરશે. સુધી પહોંચો
એક બિંદુ જ્યાં તમે તે કરવા માટે આરામદાયક અનુભવો છો. ઠીક છે, ખૂબ ખૂબ આભાર.