ગુટેનબર્ગ બ્લોક ડેવલપમેન્ટનો પરિચય

ભણવાના પરિણામો

1. બ્લોક સક્ષમ પ્લગઇન કેવી રીતે સેટ કરવું/તમારા હાલના પ્લગઇનને બ્લોક સક્ષમ કરવા સક્ષમ કરવું
2. સરળ બ્લોક કેવી રીતે બનાવવો અને બ્લોકના મૂળભૂત તત્વો
3. હાલના વર્ડપ્રેસ ઘટકોનો ઉપયોગ કરીને કસ્ટમ બ્લોક કેવી રીતે બનાવવો
4. તમારા પોતાના કસ્ટમ ઘટક બનાવીને, તમારો પોતાનો કસ્ટમ બ્લોક કેવી રીતે બનાવવો

સમજણના પ્રશ્નો

1. મે જાવાસ્ક્રિપ્ટ માં નવા ગુટેનબર્ગ બ્લોકની નોંધણી કેવી રીતે કરશો?
2. બ્લોકની સ્થિતિ વિશેની માહિતી સંગ્રહિત કરવા માટે બ્લોકની કઈ મિલકતનો ઉપયોગ થાય છે અને તે શા માટે ઉપયોગી છે?
3. સંક્ષિપ્તમાં વર્ણન કરો કે કસ્ટમ કમ્પોનન્ટ શું છે અને તમે તેને કેવી રીતે બનાવશો?

અનુલિપિ

0:01
નમસ્તે, અને વિકાસને અવરોધિત કરવા માટે મારી શરૂઆતની માર્ગદર્શિકામાં આપનું સ્વાગત છે. તેથી આ વર્કશોપનો ઉદ્દેશ્ય તમને કેટલીક મુખ્ય માહિતી વિશે લઈ જવાનો છે જે તમારે જાણવાની જરૂર પડી શકે છે કે શું તમે વર્ડપ્રેસ માટે કસ્ટમ બ્લોક્સ બનાવવા માંગો છો. આ વર્કશોપના ઉદ્દેશ્ય માટે, હું બ્લોક ડેવલપમેન્ટ હેન્ડબુકનો થોડો ભાગ છોડવા જઈ રહ્યો છું. બ્લોક એડિટર હેન્ડબુક સાથે, હું કહું કે, જો તમે કરી શકો તો તમે આખી હેન્ડબુક વાંચો એવી હું ખૂબ ભલામણ કરું છું. પરંતુ અમે જેમ જેમ પસાર થઈશું તેમ હું અમુક વિભાગોને પ્રકાશિત કરીશ. જો તમે આ વર્કશોપમાં સાથે કામ કરવા માંગતા હો, તો તમારે થોડી તૈયારીની જરૂર પડશે, તમારે અમુક પ્રકારના સ્થાનિક વિકાસ વાતાવરણની જરૂર પડશે, કાં તો ફ્લાયવ્હીલ અથવા vvv, અથવા તે રેખાઓ સાથે કંઈક. હું Linux અને Ubuntu પર ચલાવું છું. તેથી મારી પાસે એકદમ પ્રમાણભૂત લેમ્પ ઇન્સ્ટોલ સેટઅપ છે, તમારે ડિફોલ્ટ વર્ડપ્રેસ ઇન્સ્ટોલની પણ જરૂર પડશે, જે મારી પાસે વર્ડપ્રેસ ડોટ ટેસ્ટ પર ચાલે છે, પછી તમારે જરૂર પડશે અરે, મેં ત્યાં વિન્ડો બંધ કરી દીધી, પછી તમે’ તમે Node.js ઇન્સ્ટોલ કરેલ છે તેની ખાતરી કરવાની જરૂર પડશે. તેથી Node.js એ જાવાસ્ક્રિપ્ટ રનટાઇમ છે જે તમે તમારા મશીન પર ઇન્સ્ટોલ કરો છો. અને તેમાં NPM નામની કોઈ વસ્તુનો સમાવેશ થાય છે, જે નોડ પેકેજ મેનેજર છે, જે તમને તમામ પ્રકારના કૂલ જાવાસ્ક્રિપ્ટ પેકેજો ઇન્સ્ટોલ કરવાની મંજૂરી આપે છે. ભલામણ કરેલ સંસ્કરણ કદાચ મોટાભાગના લોકો માટે શ્રેષ્ઠ છે. જો તમને સૌથી લેટેસ્ટ, લેટેસ્ટ વર્ઝન જોઈએ છે, તો તમે હંમેશા નવીનતમ વર્ઝન ગમે તે ઇન્સ્ટોલ કરી શકો છો. અને પછી છેવટે, તમારે જેની જરૂર છે તે અમુક પ્રકારની ટર્મિનલ એક્સેસ છે. જો તમે મારા જેવા Mac અથવા Linux પર છો, તો તમારી પાસે બિલ્ટ ઇન ટર્મિનલ હશે. જો તમે Windows પર છો, તો હું કમાન્ડર જેવું કંઈક તપાસવાની ભલામણ કરું છું. અથવા તમે Linux માટે વિન્ડોઝ સબસિસ્ટમ અજમાવી શકો છો, જેનો મેં થોડા સમય માટે ઉપયોગ કર્યો નથી કારણ કે મારી પાસે હવે Windows મશીન નથી. ઠીક છે, તેથી એકવાર તમે આ બધી વસ્તુઓ ઇન્સ્ટોલ કરી લો, પછી અમારે બિલ્ડિંગ શરૂ કરવાની જરૂર છે. તેથી મેં આ વર્કશોપના હેતુ માટે જે કર્યું છે તે એ છે કે મારી પાસે ખૂબ જ મૂળભૂત પ્રમાણભૂત પ્લગ છે આ વર્ડપ્રેસ માટેનું પ્રમાણભૂત PHP પ્લગઇન છે, તે શું કરે છે તેનાથી કોઈ ફરક પડતો નથી, તે ટેબલની નોંધણી કરે છે એક ટેબલ બનાવે છે. તેમાં ફોર્મ શોર્ટકોડ છે, જે ફોર્મને આઉટપુટ કરે છે. તે ફોર્મ ડેટા પર પ્રક્રિયા કરે છે. આ વાસ્તવમાં અમુક કોડ છે જે મેં વર્ડકેમ્પમાં કરેલા પ્લગઇન ડેવલપમેન્ટ વર્કશોપમાંથી લીધો હતો. થોડા સમય પહેલા. અને હું આ કરી રહ્યો છું તેનું કારણ એ છે કે હું તમને બતાવવા માંગુ છું કે તમે અસ્તિત્વમાંના પ્લગઇનમાં બ્લોક કેવી રીતે ઉમેરી શકો છો. શરૂઆતથી નવું બ્લોક પ્લગઇન બનાવવું એકદમ સરળ છે કારણ કે ત્યાં કેટલાક સરસ ટેમ્પ્લેટિંગ છે જેનો અમે આ વર્કશોપના ભાગ રૂપે ઉપયોગ કરવા જઈ રહ્યા છીએ. પરંતુ હું આને હાલના પ્લગઇનમાં ગોઠવવા માંગુ છું, કારણ કે તમારામાંથી ઘણા લોકો પાસે પહેલાથી જ પ્લગઈનો હોઈ શકે છે જેમાં તમે બ્લોક્સ ઉમેરવા માંગો છો. અથવા તમે પ્લગઇન્સ બનાવ્યા છે, અને તમે જાણો છો કે પ્લગઇન્સ કેવી રીતે કામ કરે છે. આ પ્લગઇન કેવી રીતે બનાવવું તેના પરનો કોર્સ અથવા ઓછામાં ઓછો વર્કશોપ નથી. આ પ્રકાર ધારે છે કે તમે જાણો છો કે પ્લગઇન કેવી રીતે કાર્ય કરે છે, અને પ્લગઇન હેડરો અને તે પ્રકારની વસ્તુ કેવી રીતે સેટ કરવી. જો તમને ખબર નથી કે તે બધું કેવી રીતે કાર્ય કરે છે, તો ત્યાં માહિતી છે. બ્લોક એડિટર હેન્ડબુકના ટ્યુટોરીયલ વિભાગમાં, તે તમારા વિકાસ પર્યાવરણ વિશે વાત કરે છે જે પ્લગ ઇન સેટ કરવા અને જાવાસ્ક્રિપ્ટ લોડ કરવા સાથે પ્રારંભ કરવા વિશે વાત કરે છે અને તે તમામ પ્રકારની વસ્તુઓ, અમે તેને એક પ્રકારે છોડીશું જે અમે જઈ રહ્યા છીએ. માની લો કે તમે જાણો છો કે પ્લગઇન કેવી રીતે કામ કરે છે. ઠીક છે, તો ચાલો શરૂ કરીએ. તેથી પ્રથમ વસ્તુ જે હું કરવા માંગુ છું તે એ છે કે હું જાવાસ્ક્રિપ્ટ બોલ ટૂલ્સ સેટ કરવા માંગુ છું. આ તેને ત્યાં જ નવી વિંડોમાં ખોલે છે. તેથી મૂળભૂત રીતે, ટ્યુટોરીયલ વિભાગમાં, જાવાસ્ક્રિપ્ટ સાથે પ્રારંભ કરવાનું નામનો વિભાગ છે. અને અહીં જ નીચે, જાવાસ્ક્રિપ્ટ બોલ્ડ સ્ટેપ નામનો એક વિભાગ છે. તો ચાલો આ શું કરે છે તે વિશે ટૂંકમાં વાત કરીએ. જો તમે વિવિધ બ્લોક ટ્યુટોરિયલ્સ દ્વારા કામ કરો છો જે અહીં આગળ છે, તો તમે જોશો કે તેમની પાસે આ નાની સ્વીચો છે. મને એક શોધવા દો જે હું હમણાં શોધી શકતો નથી. હું છું? ચાલો પ્રયત્ન કરીએ. ચાલો થોડા ઉપર જઈએ. ચાલો એક વિશેષતા જોઈએ. હમણાં મારા સાથી શોધવા જઈ રહ્યા નથી, ચાલો બે બ્લોક્સ અજમાવીએ. અમે ત્યાં જઈએ છીએ. તેથી તેમની પાસે આ ESNext અને s5 નાનું ટૉગલ છે, અને તમે બંને વચ્ચે સ્વિચ કરી શકો છો. તેથી, જેમ કે પાંચ જાવાસ્ક્રિપ્ટ કોડ લખવાની પરંપરાગત રીતનો વધુ પ્રકાર છે, તમે આને લગભગ વેનીલા જાવાસ્ક્રિપ્ટ કહી શકો છો, જો તમે ઈચ્છો.

4:22
અને જો તમે જાવાસ્ક્રિપ્ટ કેવી રીતે કામ કરે છે તે સૉર્ટ કરવા માટે ઉપયોગમાં ન લેતા હોવ તો આ મને ઘણી વખત વધુ જટિલ અને વધુ જટિલ લાગે છે. હા, આગળ, તમે જોશો કે જો તમે સોર્સ કોડ જોશો તો તે ઘણો સરળ છે, ઘણો ઓછો કોડ છે. તે JSX નામની કોઈ વસ્તુનો ઉપયોગ કરે છે, જે પ્રતિક્રિયામાં કંઈક એવું છે જેને આપણે થોડુંક ડાઈવ કરવા જઈ રહ્યા છીએ. તેથી હું વર્ષ પછીના કોડનો ઉપયોગ કરીને વળગી રહેવાનું વલણ રાખું છું. તેથી આ ESNext કોડ ચલાવવા માટે સક્ષમ થવા માટે, આપણે બોલ્ડ સ્ટેપને સક્ષમ કરવાની જરૂર છે. હવે બોલ્ડ સ્ટેપ શું કરે છે તે એ છે કે તે તમારો ES5 x કોડ લે છે અને તેને es ફાઈવ કોડમાં ટ્રાન્સપોઝ કરે છે જે તમારા બ્રાઉઝર અને તમારા બધા બ્રાઉઝર કરી શકે છે તેથી આને સેટ કરવા માટે, અમે ખાતરી કરીએ છીએ કે અમે નોડ ઇન્સ્ટોલ કરેલ છે. તો અહીં સેટઅપ છે, તે નોડ ઇન્સ્ટોલ કરવા વિશે વાત કરે છે. અને પછી આપણે આ npm ઇન્સ્ટોલને સેવ કરેલ ભાગ ચલાવવાની જરૂર છે. તેથી તમે જોશો કે મને તે અહીં મળી ગયું છે, ખાતરી કરો કે NPM ઇન્સ્ટોલ કરેલું છે, પ્રોજેક્ટ સેટ કરો અને ઇન્સ્ટોલેશન સેટઅપ ચલાવો. તેથી મારા પ્રોજેક્ટમાં, અમે કોડની આ લાઇનની નકલ કરીશું. અહીં મારી પ્રોજેક્ટ ફાઇલ છે, હું મારા ટર્મિનલ પર સ્વિચ કરવા જઈ રહ્યો છું. હું દોડવા માટે યોગ્ય વ્યક્તિ શોધીશ. તો આ મારી વર્ડપ્રેસ વેબ સામગ્રી છે. ચાલો આને બહાર કાઢીએ. વર્ડપ્રેસ WP કન્ટેન્ટ પ્લગઈન્સ ડેવલપમેન્ટ વર્કશોપ્સને અવરોધિત કરે છે, હું ફક્ત માફ કરશો, તેમાં NPM પેસ્ટ કરવા જઈ રહ્યો છું. અને તે મને વર્કશોપ વિશે અથવા ઓછામાં ઓછા તે કોડ વિશે કે જેની સાથે હું કામ કરું છું તે વિશે થોડા પ્રશ્નો પૂછશે. તેથી પેકેજનું નામ, હું સંસ્કરણ છોડવામાં ખુશ છું, કોઈપણ વિગતો આદેશો પર છોડવામાં હું ખુશ છું. તે ગિટ રીપોઝીટરી છે. મને અત્યારે કોઈ કીવર્ડની જરૂર નથી. લાઇસન્સ, મારે GPL જવું છે. અને તે વાસ્તવમાં મને કહે છે, અરે, લાઇસન્સ એક માન્ય સંદર્ભ હોવો જોઈએ, બ્લાહ, બ્લાહ, બ્લાહ. તેથી અમે આ GPL 3.0 ની નકલ કરવા જઈ રહ્યા છીએ. પછીથી, અમે તેને 2.0 અથવા પછીનામાં બદલીશું, માત્ર એટલા માટે કે હું વર્ડપ્રેસ ધોરણોને વળગી રહેવા માંગુ છું. તેથી તે કહેશે કે અમે આ ફાઇલ લખવાના છીએ, હા, હું તે ફાઇલ લખવા માંગુ છું. હું દેખીતી રીતે બધી માહિતી ચકાસી શકું છું, તે બધું સરસ છે. અને હું હા કહીશ, તેના માટે જાઓ. તેથી આ પેકેજ ડોટ JSON ફાઇલ બનાવી છે. હવે તે શું કર્યું છે તે એ છે કે હું હાલમાં શું વાપરી રહ્યો છું તેના પર એક નજર છે. તેથી તે નોંધે છે કે હું ગ્રન્ટનો ઉપયોગ કરી રહ્યો છું, જેમાંથી આવે છે, તમે જાણતા નથી કે ગ્રન્ટ ફાઇલ શા માટે છે, તે WPC Li, plugin, skaffold પરથી આવે છે. પરંતુ તે વિશે ઘણું બધું આપણે એક સેકન્ડમાં બદલીશું. પરંતુ તેમાં મારા લેખકનું નામ અને બ્લોકનું નામ અને અન્ય વિવિધ વસ્તુઓ છે જેની મને અવલંબન અને તે પ્રકારની વસ્તુની જરૂર છે. તેથી આ પ્રકારની પેકેજ ફાઈલો સુયોજિત કરે છે જેથી હું વસ્તુઓ સ્થાપિત કરવાનું શરૂ કરી શકું. આગલી વસ્તુ જે મારે કરવાની જરૂર છે તે એ છે કે મારે કેટલીક વસ્તુઓ ઇન્સ્ટોલ કરવાની જરૂર છે, મારે વર્ડપ્રેસ સ્ક્રિપ્ટ્સ પેકેજ ઇન્સ્ટોલ કરવાની જરૂર છે. તેથી હું ફક્ત આ આદેશની નકલ કરવા જઈ રહ્યો છું, તે જાવાસ્ક્રિપ્ટ સામગ્રીનો સંપૂર્ણ સમૂહ ચલાવશે. હું તેને ત્યાં પેસ્ટ કરીશ. અને તમે જોશો કે તે હવે કહેશે, બરાબર, તે કેટલીક વસ્તુઓ ઇન્સ્ટોલ કરવાનું શરૂ કરશે. અને મૂળભૂત રીતે આ નોડ મોડ્યુલ્સ ડિરેક્ટરી બનાવે છે. હવે, જો તમે PHP માં કંપોઝરનો ઉપયોગ કરવા માટે ટેવાયેલા છો, તો નોડ મોડ્યુલ્સ એ વિક્રેતા ફોલ્ડર સાથે વિક્રેતા સાથે જે રીતે કંપોઝર કામ કરે છે તેના જેવું જ છે. તે મૂળભૂત રીતે જાવાસ્ક્રિપ્ટ પેકેજોનો સમૂહ ઇન્સ્ટોલ કરી રહ્યું છે જે મને વસ્તુઓનો સંપૂર્ણ સમૂહ કરવાની મંજૂરી આપશે. તે જે કરે છે તેમાંની એક તે છે કે તે બોલ્ટ આદેશોને ઇન્સ્ટોલ કરે છે, જેથી હું મારી ફાઇલો બનાવી શકું. અને અમે એક સેકન્ડમાં બિલ્ડ પ્રક્રિયા કેવી રીતે કામ કરે છે તે વિશે વાત કરીશું, સોર્સ કોડ લે છે અને તેને ટ્રાન્સપાઇલ્ડ કોડમાં રૂપાંતરિત કરે છે અને તે બધી વસ્તુઓ. તેથી આ મૂળભૂત રીતે ફક્ત આ તમામ ડેટાને આનયન કરી રહ્યું છે, તે થોડી સેકંડ લે છે, તેથી અમે તેને ચાલવા દઈશું. અને જ્યારે અમે તે કરી રહ્યા છીએ, ત્યારે અમે અહીં એક નજર કરીશું, તે મૂળભૂત રીતે એક પગલું છે. તો ચાલો આદેશ વાક્ય પર પાછા જઈએ. અને મને લાગે છે કે કદાચ હું શું કરીશ કે હું આને હમણાં માટે બંધ કરીશ. અને આ બધું થઈ જાય પછી અમે પાછા આવીશું. ઠીક છે, તેથી ઇન્સ્ટોલ પ્રક્રિયા પૂર્ણ થઈ ગઈ છે, તે વર્ડપ્રેસ સ્ક્રિપ્ટ્સ પેકેજ ઇન્સ્ટોલ કરેલું છે. જો અમે પેકેજ, JSON માં પાછા આવીએ, તો તમે જોશો કે તેમાં આ ડેવડિપેન્ડન્સી ઉમેરવામાં આવી છે. તેથી સ્થાપન પ્રક્રિયા કરીને, જે રીતે સંગીતકાર કામ કરે છે, તે મારા માટે નિર્ભરતા ઉમેરે છે. અને આ બધા નોડ મોડ્યુલો ઉમેરવા સિવાય જે થાય છે તે એક પ્રકારનું છે, જેનો ઉપયોગ આપણે બિલ્ડ પ્રક્રિયા માટે કરીશું. ઠીક છે, તેથી હવે અમે સેટઅપ કર્યું છે અને ખરેખર કેટલાક બ્લોક્સ બનાવવાનું શરૂ કર્યું છે, મને શું કરવું ગમે છે તે શું થઈ રહ્યું છે તેનો ખ્યાલ મેળવવા માટે હું હાલના નમૂના કોડનો ઉપયોગ કરવા માંગું છું.

8:23
તેથી હું શું કરવા જઈ રહ્યો છું તે છે કે હું આ આદેશનો ઉપયોગ સ્ટાર્ટર બ્લોક બનાવવા માટે કરીશ. અને તમે હેન્ડબુક પરના બ્લોક ટ્યુટોરીયલમાં જોશો, કે તે ખરેખર સંદર્ભ આપે છે, બ્લોક બનાવવાની શરૂઆત કેવી રીતે કરવી. તેથી જો તમે આ કોડ પહેલાં ક્યારેય ન જોયો હોય તો કોડ કેવો દેખાય છે તે જોવાની આ એક સરસ રીત છે. અને તે તમને એક ખ્યાલ આપશે કે અમે કઈ દિશામાં કામ કરી રહ્યા છીએ. તો મારી કમાન્ડ લાઇનમાં પાછા, હું એક ડિરેક્ટરીમાં જઈશ, કારણ કે હું પ્લગઈન્સ ડિરેક્ટરીમાં રહેવા માંગુ છું, હું સ્ટ્રેટઅપ બ્લોક બનાવો, ચાલો, તે પછી સ્ટાર્ટઅપ નામનું ફોલ્ડર બનાવવા જઈ રહ્યો છું. મારી પ્લગઈન્સ ડિરેક્ટરીમાં બ્લોક કરો, તે મને જોઈતી તમામ જાવાસ્ક્રિપ્ટ સામગ્રી લાવવા જઈ રહ્યું છે, તે વિવિધ ફાઈલો બનાવવા જઈ રહ્યું છે જેની મને જરૂર પડી શકે છે, કેટલાક પેકેજો ઇન્સ્ટોલ કરશે, જેમાં થોડો સમય લાગે છે. અને જ્યારે આ થઈ જશે, ત્યારે મારી પાસે મારા પ્રોજેક્ટમાં મારી પ્લગઈન્સ ડિરેક્ટરીમાં હશે, મારી પાસે સ્ટાર્ટર બ્લોક પ્લગઈન હશે. કેટલાક કોડ સાથે જે હું જોવાનું શરૂ કરી શકું છું, તમે જોશો કે તે પહેલેથી જ સ્ટાર્ટર બ્લોક ડોટ PHP ફાઇલ બનાવેલ છે, જેને આપણે જોઈ શકીએ છીએ. તો ચાલો અમારું વર્કશોપ પ્લગઈન બંધ કરીએ. તેથી સ્ટાર્ટર બ્લોક ડોટ PHP માં, તમે અહીં જોશો કે તેને મૂળભૂત પ્લગઇન મળ્યું છે. તેથી જો તમે પહેલાં ક્યારેય પ્લગઇન બનાવ્યું નથી, તો તમારું પ્રથમ પ્લગઇન બનાવવાની સાથે પ્રારંભ કરવાની આ એક સરસ રીત છે. તેને હેડર ફાઇલ મળી છે, તેને ફંક્શન મળ્યું છે જે દરેક વસ્તુને આરંભ કરે છે અને તેને એક ક્રિયા મળી છે જે બનાવે છે, જે યુનિટની ક્રિયામાં જોડાય છે અને પછી આ ફંક્શનને કૉલ કરે છે. ઠીક છે, ચાલો એક નજર કરીએ અને જોઈએ કે આ ક્યાં સુધી ચાલે છે. આ બધું થઈ રહ્યું છે. તો ચાલો એક નજર કરીએ. તેથી જ્યારે તે બધું આજે ચાલી રહ્યું છે, ત્યારે નોડ મોડ્યુલો આવી રહ્યા છે. ઠીક છે, ઠંડી. એ તો કમાલ છે. તમે જોશો કે તે આ સ્રોત ડિરેક્ટરી પણ બનાવેલ છે. અને જો આપણે ક્યારેય સોર્સ ડિરેક્ટરીમાં જોઈએ, તો તમે જોશો કે ત્યાં એક index.js ફાઈલ છે. અને આ તે છે જ્યાં તમામ જાવાસ્ક્રિપ્ટ, બ્લોક રજીસ્ટ્રેશન અને વસ્તુઓ થાય છે. ઠીક છે, તેથી તે અમારા માટે એક મહત્વપૂર્ણ ફાઇલ બનશે. બીજી વસ્તુઓ પણ છે, શું તે જે નથી. s એ સાચવેલ js છે, હું આમાં વધારે પડતો ડૂબકી મારવાનો નથી, હું આજે જ ઈન્ડેક્સ js ફાઈલમાં કામ કરવા જઈ રહ્યો છું. તે આપણા માટે પ્રથમ વખત બોલ ડિરેક્ટરી પણ બનાવે છે, અને પછી તે આ ફાઈલો અહીં બનાવે છે, ઈન્ડેક્સ એસેટ, CSS, js અને સામગ્રી. ઠીક છે, તો ચાલો તેમાં ડાઇવ કરીએ. ચાલો જોઈએ કે ત્યાં ચાલે છે હા, આ સમાપ્ત થઈ ગયું છે. ઉત્તમ. તેથી તેણે સ્ટાર્ટર બ્લોક બનાવ્યો છે, તે અમારા માટેના તમામ કોડને બુટસ્ટ્રેપ કરે છે. અને તે કહે છે કે તમે આ આદેશો ચલાવી શકો છો, તમે NPM પ્રારંભ ચલાવી શકો છો, તમે NPM બિલ્ડ ચલાવી શકો છો, જેનો અમે થોડો ઉપયોગ કરીશું. અને તમે તમામ પ્રકારની મનોરંજક વસ્તુઓ કરવાનું શરૂ કરી શકો છો. તેથી બ્લોક જે રીતે કામ કરે છે તે PHP માં છે, તમે બ્લોક કોડ રજીસ્ટર કરો છો, જેથી તમે જાવાસ્ક્રિપ્ટ ફાઈલ અને કોઈપણ સ્ટાઈલ શીટ્સ રજીસ્ટર કરો જેની તમને જરૂર પડી શકે. અને તે આ રજિસ્ટર બ્લોક પ્રકારની PHP પદ્ધતિનો ઉપયોગ કરે છે. તેમાં બ્લોકનું નામ છે. અને પછી તેની પાસે સ્ક્રિપ્ટોની શ્રેણી છે. તો એડિટર સ્ક્રિપ્ટ એ જાવાસ્ક્રિપ્ટ ફાઇલ છે જે એડિટરને મેનેજ કરે છે, એડિટર સ્ટાઈલ એ CSS ફાઇલ છે જે એડિટરમાં કોઈપણ પ્રકારના ડિઝાઇન ફેરફારો કરે છે. અને શૈલી એ કોઈપણ ફ્રન્ટ એન્ડ સ્ટાઇલ છે જેને તમે રજીસ્ટર કરવા માંગો છો. આગળના છેડે કોઈપણ પ્રકારની વિવિધ વસ્તુઓ માટે, સામાન્ય રીતે, તમારી પાસે બે અલગ-અલગ શૈલીઓ હોતી નથી, કારણ કે તમે સામાન્ય રીતે ઇચ્છો છો કે તમારો બ્લોગ આગળના છેડે જેવો જ સંપાદકમાં દેખાય, પરંતુ એવી કેટલીક વસ્તુઓ હોઈ શકે છે જે તમે ઇચ્છો છો. ત્યાં કરો. પછી તે શું કરે છે તે સાચું કહે છે, આ એસેટ પાથ માટે જુઓ. તેથી બોલ્ડ સ્ટેપમાં એસેટ પાર્ટ જનરેટ જનરેટ થાય છે. અને તે મૂળભૂત રીતે માત્ર નિર્ભરતાનો સમૂહ છે. તેથી આપણને બ્લોક્સની જરૂર છે, અને આપણને તત્વોની જરૂર છે, આપણને આંતરરાષ્ટ્રીયકરણની જરૂર છે, પછી આપણને પોલીફિલની જરૂર છે. અને તે તમને વર્ઝન નંબર આપે છે. અને જ્યારે પણ તમે બિલ્ડ સ્ટેપ ચલાવો ત્યારે આ રિજનરેટ થાય છે. તેથી જો આપણે અહીં પાછા જઈએ, તો તમે જોશો કે તે અમને એક સરસ નાની ભૂલ આપે છે, જે કહે છે કે તમારે આને કામ કરવા માટે ચલાવવાની જરૂર પડી શકે છે, જે ફેંકવાની એક સરસ રીત છે કે તમે તે ચલાવ્યું નથી. તે પછી તે એસેટ ફાઇલનો ઉપયોગ કરે છે. અને તે બોલ્ડ index.js નો ઉપયોગ કરે છે. અને તે તે સ્ક્રિપ્ટ રજીસ્ટર કરે છે. તેથી આ ખૂબ સમાન છે. જો તમે થીમ્સ અથવા પ્લગઈન્સ માટે સ્ક્રિપ્ટ્સ રજીસ્ટર કરતી જોઈ હોય, તો તમે તેને હેન્ડલ આપો છો, તમે તેને એક રસ્તો આપો છો. અને પછી અમે તેને આ નિર્ભરતાઓ અને સંસ્કરણ આપીએ છીએ, આ બરાબર એ જ છે જે તમે પ્લગઇનમાં કર્યું હશે અથવા CSS ફાઇલો માટે સમાન કંઈપણ, શૈલી રજીસ્ટર કરો, તેને હેન્ડલ પાથ આપો, એક સમયે કોઈપણ નિર્ભરતા આપો. અને આ મૂળભૂત રીતે વર્ઝન નંબર છે. અને પછી શૈલી CSS માટે સમાન છે, ઠીક છે, તો આ આ પ્રકારનું છે, હું કહીશ, કોડની સૌથી વધુ રકમ, તમારે બ્લોક રજીસ્ટર કરવાની જરૂર પડશે, તમે આનાથી ઓછું જઈ શકો છો.

12:35
અને અમે આ વર્કશોપમાં તે જ કરવા જઈ રહ્યા છીએ, અમે આમાં ઘણી બધી બાબતોમાં ડૂબકી મારવાના નથી. પરંતુ તમને જરૂર પડી શકે તેટલી આ પ્રકારની છે. તમારા બ્લોકને કામ કરવા માટે PHP માં, પછી બીજું બધું તમારી જાવાસ્ક્રિપ્ટ માં થાય છે. તેથી તમે તમારા બ્લોક પ્રકારને રજીસ્ટર કરો છો, અને તમે તેને શીર્ષક અને વર્ણન અને અન્ય વસ્તુઓ જેવી વસ્તુઓ આપો છો. અને તમે તેને ID મેથડ ફંક્શન આપો છો, અને તે એક ફંક્શન છે. અને અમે એક સેકન્ડમાં તેમાં પ્રવેશીશું. પરંતુ તે એક પ્રકારનું છે જ્યાં તમામ બ્લોક જાવાસ્ક્રિપ્ટ ડેનાસ થાય છે. તેથી અમે અમારી પ્લગઇન ફાઇલમાં પણ તેનો ઉપયોગ કરવા જઈ રહ્યા છીએ. તો હવે હું શું કરવા જઈ રહ્યો છું એ છે કે હું અહીંથી શરુઆતમાં પાછો જઈશ, અને હું માત્ર એક ખૂબ જ સરળ એસેટ રજીસ્ટર કરવા માંગુ છું, હું કોડનો ઉપયોગ કરવા જઈ રહ્યો છું, તે નવામાં ખુલશે. ટેબ તો કોઈપણ રીતે, હું હેન્ડબુકમાં આપેલા કોડનો ઉપયોગ કરવા જઈ રહ્યો છું, જે Stata બ્લોકમાં આપણી પાસે જે છે તેનું ખૂબ જ સરળ સંસ્કરણ છે. ઠીક છે, તેથી હું તેને બંધ કરીશ. હું તેને બંધ કરીશ, તેને બંધ કરીશ. અને હું અહીં આ કોડ લેવા જઈ રહ્યો છું, કારણ કે મને આ સરસ અને સરળ લાગે છે. પ્રથમ વખત સાથે કામ કરવું થોડું સરળ છે પરંતુ જો મને ક્યારેય તેના પર પાછા જવાની જરૂર પડશે તો હું તે સ્ટાર્ટર બ્લોકનો ઉપયોગ કરીશ. તો અમારા બ્લોક ડેવલપમેન્ટ વર્કશોપમાં, હવે હું મારી મુખ્ય પ્લગઈન ફાઈલના તળિયે આ કોડ રજીસ્ટર કરવા જઈ રહ્યો છું. ઠીક છે, મને મારા કાર્યો પહેલાં મારા એક્શન હૂક ટોચ પર રાખવાનું ગમે છે, તે માત્ર તે જ વસ્તુ છે જેને મેં પ્રાધાન્ય આપ્યું છે જે તેને વધુ વાંચવા યોગ્ય બનાવે છે. અને પછી હું ફક્ત આને કૉલ કરવા જઈ રહ્યો છું મને લાગે છે કે હું btw ઉપસર્ગનો ઉપયોગ કરી રહ્યો હતો. હા હું હતો. હું btw વર્કશોપ બ્લોક કનેક્ટ પર જઈશ. હું મારા ફંક્શનને કૉલ કરવા જઈ રહ્યો છું, મારા કૉલબૅક ફંક્શનને એ જ વસ્તુ છે. અહીં મારી એસેટ ફાઇલ છે. તેથી બોલ એસેટ એડનેક્સા શોધો. PHP, અમે તે સ્ટાર્ટર બ્લોકમાં જોયું છે. ફાઇલ અસ્તિત્વમાં છે કે કેમ તે હું ચેક કરવા જઈ રહ્યો નથી. અત્યારે હું તેને ખૂબ જ સરળ રાખું છું. અને પછી હું સ્ક્રિપ્ટ સુધી પહોંચવા જઈ રહ્યો છું તેથી હું સ્ક્રિપ્ટને btw વર્કશોપ લોક સ્ક્રિપ્ટ કહેવા માંગુ છું. આ આગળના છેડે નોંધાયેલ તમામ સારાનું હેન્ડલ છે. બોલ્ડ ઇન્ડેક્સ કરે છે. j એ જ રહે છે જે મને એસેટમાંથી મળેલ નિર્ભરતાઓ છે જે બધી સમાન રહે છે. પછી મારે હવે મારી બ્લોક ટોક રજીસ્ટર કરવાની જરૂર છે જ્યારે તમે બ્લોક પ્રકાર રજીસ્ટર કરી રહ્યા હોવ ત્યારે તમારે ખાતરી કરવાની જરૂર છે કે જ્યારે તમે પ્લગઇન ફંક્શન્સ કરો છો ત્યારે તેના જેવું જ અનન્ય ઉપસર્ગ છે. તમે જાવાસ્ક્રિપ્ટ વિભાગમાં જોશો કે તેઓ તમારા કોડને સ્કોપ કરવા વિશે વાત કરે છે. તેથી હું તેના વિશે વાંચવાની અને તે કેવી રીતે કાર્ય કરે છે તે શોધવાની ભલામણ કરું છું. તેથી આ કિસ્સામાં, હું અહીં જ જઈ રહ્યો છું, અને હું કહેવા જઈ રહ્યો છું, btw વર્કશોપ. અને પછી હું આ કરવા જઈ રહ્યો છું. અને પછી હું અહીં જવાનો છું, અને હું કહેવા જઈ રહ્યો છું, ના, તે મને જોઈતું નથી. ચાલો વર્કશોપ બ્લોક પર જઈએ, હું ફક્ત વર્કશોપ બ્લોક કહી શકું છું, જો હું ઇચ્છતો હોવ કે જ્યાં તે ખરેખર વાંધો નથી, તો ચાલો ખરેખર તે કરીએ. અમે તેને ફક્ત વર્કશોપ બ્લોક કહી રહ્યા છીએ, તમે જોશો કે હું હાઇફન્સ અને અંડરસ્કોર્સનો ઉપયોગ કરું છું, જો તમે અન્ડરસ્કોર્સનો ઉપયોગ કરશો, તો તમને ભૂલ મળશે. તેથી તમારું બ્લોક પ્રકાર નામકરણ હાઇફન્સનો ઉપયોગ કરતું હોવું જોઈએ. અને પછી મારી એડિટર સ્ક્રિપ્ટ વર્કશોપ બ્લોક સ્ક્રિપ્ટ બનવા જઈ રહી છે જે મારી પાસે અહીં છે. તેથી હું તેને ત્યાં પૉપ કરવા જઈ રહ્યો છું. બરાબર. તેથી હવે મેં સેટઅપ કર્યું છે, શાબ્દિક રીતે, આ તમને જરૂરી કોડની ન્યૂનતમ રકમ છે. નવો બ્લોક બનાવવા માટે, મારે મારી ઈન્ડેક્સ js બનાવવાની જરૂર નથી. હવે, હું તેને બોલ્ડ ફોલ્ડરમાં બનાવવાનો નથી, કારણ કે મારા બોલ્ડ સ્ટેપથી બોલ્ડ ફોલ્ડર બનશે. મારા માટે, જો તમે મારા સ્ટાર્ટર બ્લોક પર એક નજર નાખો, તો મારી પાસે એક સ્રોત છે અને મારી પાસે એક બોર્ડ છે. તેથી મારે સોર્સ ફોલ્ડર બનાવવાની જરૂર છે અને તે સોર્સ ફોલ્ડરમાં સોર્સ કોડ તરીકે ઓળખાતા મારા સોર્સ પર મૂકવાની જરૂર છે, તો ચાલો સોર્સ ફોલ્ડર બનાવીએ. હું પહેલેથી જ અસ્તિત્વમાં છું, મને લાગે છે કે જ્યારે હું આનું પરીક્ષણ કરી રહ્યો હતો ત્યારે મારી પાસે તે અગાઉ હતું. તેથી મારી પાસે ફોલ્ડર છે, અને પછી મારે મૂકવાની જરૂર છે, તે મારો ફોન બંધ થઈ રહ્યો છે, મારે જાવાસ્ક્રિપ્ટ ફાઇલ મૂકવાની જરૂર છે, અમે તેને ઇન્ડેક્સ કહીશું. અને તે હમણાં મેળવવા માટે ઉમેરવામાં આવશે નહીં, આ તે હશે જ્યાં મારો બ્લોક કોડ રહેશે. હવે તમારા પ્રથમ બ્લોક ટ્યુટોરીયલ લખવા પર પાછા જઈએ, તેમને અહીં એક ખૂબ જ સરળ બ્લોક મળ્યો છે, જે અમારા માટે સરસ છે, ઉદાહરણ તરીકે. તેથી અમે ઉપયોગ કરવા જઈ રહ્યા છીએ કે હું આ કોડને અહીં કૉપિ કરવા જઈ રહ્યો છું. અને હું તેને ત્યાં પૉપ ઇન કરવા જઈ રહ્યો છું. અને ચાલો જોઈએ કે આ શું કરે છે. તો આ શું કરી રહ્યું છે તે કહી રહ્યું છે કે રજિસ્ટર બ્લોક પ્રકાર ફંક્શનને આયાત કરો, જેની તમને જરૂર પડશે, તે એક બ્લોક શૈલી સેટ કરી રહ્યું છે, જેમાં થોડી સ્ટાઇલ છે, તે પછી બ્લોક પ્રકારને રજીસ્ટર કરી રહ્યું છે. અને તમે જોશો કે આ અમે કૉપિ કરેલા કોડ જેવું જ હતું. તેથી આપણે તેને અહીં અમારા કોડમાં બદલવાની જરૂર છે. અમે ત્યાં જઈએ છીએ.

17:11
ઠીક છે, હું તેને મારા પોતાના શીર્ષકો આપવા માંગુ છું, હું ફક્ત કહેવા જઈ રહ્યો છું, વર્કશોપ બ્લોક, જે મહાન છે, હું જેમ છે તેમ રહી શકું છું, હું તેને બદલવાની ચિંતા કરીશ નહીં કે આ તે જ રહેશે. . પરંતુ હવે મેં મારો બ્લોગ પ્રકાર PHP માં રજીસ્ટર કર્યો છે. તેથી તે તે નામ સાથે બ્લોકની અપેક્ષા રાખે છે. આ હેન્ડલ સાથે જોડાયેલ સ્ક્રિપ્ટનો ઉપયોગ કરીને. તે સ્ક્રિપ્ટ આ એક નથી, તે બોલ્ડ સ્ટેપમાં બનેલી હશે. પરંતુ આ તે સ્રોત છે જે તે બોલ્ડ ફાઇલ બનાવે છે, અને પછી આ કોડ ધરાવે છે, જેમાં આપણે એક સેકન્ડમાં ડાઇવ કરીશું. તે બધું સારું અને સારું છે. પણ હવે મારે પુસ્તક ચલાવવાની જરૂર છે. તેથી જો આપણે અહીં પાછા જઈએ, તો તમે જોશો કે મેં બ્લોક અસ્કયામતોની નોંધણી કરી છે, અને હું જાવાસ્ક્રિપ્ટ માં બ્લોક પર પહોંચી ગયો છું. અને હું હિંમતપૂર્વક ઇન્સ્ટોલ ચલાવી શકું તે પહેલાં, પેકેજ JSON અપડેટ કરો, હું ત્યાં શું વાત કરું છું? ઠીક છે, જો તમે અમારા વર્કશોપ બ્લોક માટે JSON પેકેજ પર એક નજર નાખો છો, તો તમે જોશો કે સ્ક્રિપ્ટ વિસ્તાર હેઠળ, મારી પાસે માત્ર આ ટેસ્ટ સ્ક્રિપ્ટ નથી જે ચાલશે. પરંતુ જો તમે અમારા સ્ટાર્ટર બ્લોક પર પાછા જાઓ, જે અહીં છે, ક્યાંક, તમે જોશો કે અહીં, મારી પાસે આ સ્ક્રિપ્ટ્સ છે, અને મારી પાસે બોલ્ડ સ્ક્રિપ્ટ સ્ટેપ છે અને મારી પાસે ફોર્મેટિંગ અને તે પ્રકારની વસ્તુઓ છે. તેથી આ મારે ખાતરી કરવાની જરૂર છે કે તે અપડેટ થાય. મારે અપડેટ કરવાની અને કહેવાની પણ જરૂર છે, મારી મુખ્ય ફાઈલ આ બોલ ડોટ ઈન્ડેક્સ છે, હું આ કોડ લેવા જઈ રહ્યો છું, કદાચ ઈન્ડેક્સ ન બનાવી શકે, હું મારા મારા પ્લગઈન્સ પેકેજ JSON ને અપડેટ કરવા જઈ રહ્યો છું અને લેખકનું નામ એ જ રહી શકે છે. . ડેવિડ પાસે કોઈપણ નિર્ભરતા પહેલાથી જ વર્ડપ્રેસ સ્ક્રિપ્ટ્સ છે. તેથી તે મહાન છે. અને પછી હું આ સ્ક્રિપ્ટોને અહીં નકલ કરવા માંગુ છું. અને મિલકત અને ત્યાં. ઠીક છે, હવે મેં બોલ્ડ પગલું સેટ કર્યું છે. તે ઉત્તમ છે. તેથી હવે હું શું કરું છું તે એ છે કે બધું જરૂરી તરીકે ઇન્સ્ટોલ કરેલું છે તેની ખાતરી કરવા માટે હું ફક્ત npm ઇન્સ્ટોલ ચલાવું છું. તેથી હું મારા અવરોધિત વિકાસ કાર્યશાળામાં જવાનો છું. અને હું એ સુનિશ્ચિત કરવા જઈ રહ્યો છું કે મને જેની જરૂર પડી શકે તે બધું ઇન્સ્ટોલ કરેલું છે, તે બધું ઇન્સ્ટોલ કરવું જોઈએ. પરંતુ મારે કેટલીક નવી વસ્તુઓ ઉમેરવાની જરૂર પડી શકે છે કારણ કે હવે મેં કહ્યું છે કે મને બિલ્ડ સ્ક્રિપ્ટની જરૂર છે, અને મને પગલાંની જરૂર છે અને મને અન્ય તમામ પ્રકારની મનોરંજક વસ્તુઓની જરૂર છે. તેથી તે ચાલશે અને કેટલાક વધુ પેકેજો ઉમેરશે. તે મને નબળાઈઓ વિશે કહે છે, હું હમણાં તેને ઠીક કરવા વિશે ચિંતા કરવા જઈ રહ્યો નથી.

19:17
એકવાર મેં તે કરી લીધું, પછી હું NPM રન બોલ્ડ ચલાવી શકું છું. હવે જુઓ શું થશે. જો તમારી પાસે એક નજર છે. હું સ્ટાર્ટર બ્લોક પેકેજ JSON બંધ કરવા જઈ રહ્યો છું. જો તમારી પાસે મારા બિલ્ડ ફોલ્ડરમાં એક નજર છે. હું આ ફાઇલને બહાર કાઢીશ અને તેને કાઢી નાખીશ. ઠીક છે, મારી સોર્સ ઇન્ડેક્સ છે, હાલમાં મારી બિલ્ડ ડિરેક્ટરીમાં કંઈ નથી, હું પછી બિલ્ડ સ્ટેપ ચલાવવા જઈ રહ્યો છું. અને તે પછી તે મારા ઈન્ડેક્સ ડોટ j s અને કોઈપણ પ્રકારનું કોઈપણ પ્રકારનું પોપ અપ ત્યાં લઈ જશે અને કોઈપણ પ્રકારનું CSS અથવા જે પણ હું ઉપયોગ કરી રહ્યો છું, અને તેને આમાં ટ્રાન્સપીલ કરીશ, જેમ કે સરળ એક લીટી સરળ અને જો આ સરળ છે, પરંતુ કોઈપણ રીતે, એક લીટી કોઈ જગ્યા નથી, જાવાસ્ક્રિપ્ટ કે જે કોઈપણ બ્રાઉઝર હેન્ડલ કરી શકે છે, તે એસેટ ફાઇલ પણ બનાવે છે. તેથી તે દરેક વખતે આ બનાવે છે. ઠીક છે, હવે, જો તમે દરેક વખતે રન બિલ્ડ ચલાવવા માંગતા ન હોવ તો તમે શું કરી શકો તે છે કે તમે NPM, રન સ્ટાર્ટ નામનું કંઈક ચલાવી શકો છો. અને આ શું કરે છે તે પૃષ્ઠભૂમિમાં ચાલે છે અને તે તમારી ફાઇલોમાં કોઈપણ ફેરફારોને જુએ છે, અને તે ફક્ત તેને આપમેળે બનાવે છે. તો હું અહીં ઝડપથી શું કરવા જઈ રહ્યો છું તે છે કે હું આને બાજુ પર પૉપ કરવા જઈ રહ્યો છું, હું આને બાજુ પર પૉપ કરવા જઈ રહ્યો છું, અને હું ઈચ્છું છું કે તમે આ વિન્ડો જુઓ, હું જઈ રહ્યો છું મારી ઇન્ડેક્સ ફાઇલમાં જાઓ, ના, તે મને જોઈતું નથી. મારે એક સ્ત્રોત જોઈએ છે, આપણે ત્યાં જઈએ. અને હું તેને વર્ડપ્રેસ બ્લોક બે કહીશ. અને જલદી હું આને સાચવીશ, તમે જોશો કે મારી અસ્કયામતો અહીં ચાલતી ન હોવી જોઈએ તે જાણતા નથી કે તે શા માટે ચાલી રહી નથી. આપણે ત્યાં જઈએ, પક્ષી ત્યાં દોડ્યું, અને તેણે તેને અપડેટ કર્યું, અને તેણે નવો ઇન્ડેક્સ બનાવ્યો. તેથી જ્યારે હું આને કંઈક બીજું કહીશ. અને હું તેને સાચવું છું, અને પછી તે તેને ફરીથી ચલાવે છે. તેથી આ મારી બોલ્ડ ફાઈલોનું નિર્માણ કરવાનું ચાલુ રાખશે, જે હું મારા પ્લગઈન નોંધણીમાં ઉપયોગ કરું છું. ઠીક છે, તેથી મને સોર્સ કોડ ક્યાં બેસે છે અને બિલ્ડ કોડ ક્યાં બેસે છે તે સમજવાની અને પેકેજ JSON સામગ્રીને સેટઅપ મેળવવાની આ પ્રક્રિયા મને મળી, મને મોટાભાગના કરતાં ઓછામાં ઓછું વધુ મુશ્કેલ લાગ્યું. એકવાર હું સમજી ગયો, પછી તે ઘણું સરળ થઈ ગયું. તેથી જ મેં આ પગલાનો આ ભાગ બનાવ્યો છે જે તમે હવે જોશો કે શું અમે અમારા વર્ડપ્રેસ ઇન્સ્ટોલને ચાલુ કરીએ છીએ. અને અમે અહીં લૉગ ઇન કરીએ છીએ, અને અમે પોસ્ટમાં જઈએ છીએ. અને અમે કહીએ છીએ કે, ફરીથી, આ માત્ર ગભરાઈ રહ્યું છે કારણ કે તેની પાસે મને જોઈતો બ્લોક નથી. અને અમે કહીએ છીએ કે અમે વર્કશોપ બ્લોક ઉમેરવા માંગીએ છીએ. ત્યાં તેજી છે, અને અમારો બ્લોક છે, રોક એન્ડ રોલ કરવા માટે તૈયાર છે. ઠીક છે, તેથી તમારે તમારા બ્લોક્સને સેટ કરવા માટે તે મૂળભૂત બાબતોની જરૂર છે, તમારે તેને PHP માં સેટ કરવાની જરૂર છે, તમારે તમારા બોલ્ડ સ્ટેપને સેટ કરવાની જરૂર છે, ઇન્ડેક્સ ફાઇલમાં તમારા બ્લોકને સેટ કરવાની જરૂર છે, બોલ્ડ ચલાવો, અને પછી તમારે જવા માટે સારું હોવું જોઈએ.

21:57
ઠીક છે, તેથી અમારું આગલું પગલું ઓછામાં ઓછું અમારા બ્લોકમાં અમારા પ્લગઇનમાં કેટલાક ઘટકો ઉમેરવાનું છે, અમે તે કરીએ તે પહેલાં, હું બધું જે કરી રહ્યું છે તેમાંથી પસાર થવા માંગુ છું. તેથી અમે PHP બાજુ પર શું થઈ રહ્યું છે તેમાંથી પસાર થયા, અમે સમજીએ છીએ કે તે એસેટ ફાઇલ લોડ કરી રહ્યું છે, બ્લોક સ્ક્રિપ્ટની નોંધણી કરી રહ્યું છે અને પછી બ્લોક સ્ક્રિપ્ટનો ઉપયોગ કરીને બ્લોક પ્રકારને રજીસ્ટર કરી રહ્યું છે. જાવાસ્ક્રિપ્ટ બાજુ પર. આ લાઇન અહીં છે, તે મૂળભૂત રીતે વર્ડપ્રેસ બ્લોક્સ પેકેજમાંથી આ ફંક્શનને આયાત કરવાનું કહે છે. તો આ એક ખાસ પેકેજ છે જે રજીસ્ટર બ્લોક પ્રકારનું કાર્ય ઉપલબ્ધ કરાવે છે. આ બ્લોક સ્ટાઈલ કોન્સ્ટન્ટ મૂળભૂત રીતે જાવાસ્ક્રિપ્ટ  વેરીએબલ છે જે આ બ્લોક માટે સ્ટાઇલ ધરાવે છે. પછી આપણે PHP માં જે નામનો ઉપયોગ કરીએ છીએ તે જ નામ સાથે આપણે રજિસ્ટર બ્લોક પ્રકારને કૉલ કરીએ છીએ. તેનું એક શીર્ષક છે જે આપણે તેને આપી શકીએ છીએ તેની પાસે એક ચિહ્ન છે જે આપણે સેટ કરી શકીએ છીએ તેની એક શ્રેણી છે, ઉદાહરણ છે. અને પછી તેમાં સંપાદન અને સાચવવાની પદ્ધતિ છે. તેથી દેખીતી રીતે, ફંક્શન, જે પણ હોય, હું જ્યારે વર્ગો અને કાર્યોની વાત આવે છે ત્યારે હું ફંક્શન્સ અને પદ્ધતિઓને ગૂંચવતો હોઉં છું, હું બે શબ્દોને એકબીજાના બદલે વાપરીશ. એડિટ ફંક્શન એ છે જે જ્યારે એડિટરમાં બ્લોક પ્રદર્શિત થાય ત્યારે ચાલે છે. તેથી જ્યારે તે સંપાદક હોય, ત્યારે તે સેટઅપ કરેલ શૈલી સાથે div બતાવશે અને સંપાદક તરફથી હેલો, વર્લ્ડ સ્ટેપ વન. જ્યારે બ્લોક સેવ થાય અથવા પેઇડ પોસ્ટ અથવા પેજ સેવ થાય ત્યારે સેવ ફંક્શન કહેવાય છે. અને પછી તે સામે છેડેથી બતાવવામાં આવશે. તેથી તમે ત્યાં તફાવત જોઈ શકો છો. જો આપણે અહીં અમારી પોસ્ટ જોઈએ, તો તે સંપાદક તરફથી કહે છે. અને જો આપણે તેને સાચવીએ, તો તે હજુ પણ બ્લોકમાંના સંપાદકમાંથી કહે છે, પરંતુ જો આપણે આગળના છેડે તેનું પૂર્વાવલોકન કરીશું, તો તે આગળના છેડેથી કહેશે. તો સેવ ભાગ એ છે જે ભૌતિક રીતે ડેટાબેઝમાં સેવ થાય છે.

23:37
જો તમારી પાસે કોડ એડિટર સંસ્કરણ પર એક નજર છે, તો તમે અહીં જોશો કે તે આગળના છેડેથી કહે છે. તેથી આ તે છે જે આ કોડને સંગ્રહિત કરે છે આ વર્કશોપ બ્લોક સામગ્રી સાથે ટિપ્પણી કરે છે, અને પછી કોડ સાથે બ્લોકની સામગ્રીઓ જે અંતિમ છે, આ તે છે જે ડેટાબેઝમાં ભૌતિક રીતે સંગ્રહિત છે. અને પછી તે તે છે જેનો ઉપયોગ ફ્રન્ટ એન્ડ પર રેન્ડર કરવા માટે થાય છે. કેટલાક લોકો એવા છે કે જેમને આ ડેટા સ્ટોર કરવાની આ રીત પસંદ નથી, પરંતુ તેના ફાયદા અને ગેરફાયદા છે. તેથી આપણે તે બે તફાવતોને સમજવાની જરૂર છે. તો આ તે હશે જ્યાં અમે બ્લોક બનાવવા સાથે અમારું મોટા ભાગનું કામ કરીશું કારણ કે તે એડિટરમાં પ્રદર્શિત થાય છે. અને પછી અહીં આ સંભવતઃ સાચવેલ સામગ્રીનો ઉપયોગ કરીને સમાન વસ્તુનું સરળ સંસ્કરણ હશે અને પછી તેને આગળના છેડે પ્રદર્શિત કરશે. ઠીક છે, તો હવે પછીની વસ્તુ જે આપણે કરવા માંગીએ છીએ તે એ છે કે હું એક ઘટક ઉમેરવા માંગુ છું તો ચાલો પહેલા ક્યા ઘટકો છે તે વિશે વાત કરીએ, ઘટકો એ કોડના વિશિષ્ટ ટુકડાઓ છે જેનો ઉપયોગ તમે પ્રતિક્રિયામાં કરી શકો છો તે બ્લોક એડિટરમાં હશે. જે તમને કોડને ફરીથી લખ્યા વિના અમુક વસ્તુઓ કરવા દે છે. હવે દેખીતી રીતે સંપાદક પાસે ઘટકોનો સંપૂર્ણ સમૂહ છે. તેથી તે એક છબી ઘટક ધરાવે છે. તેમાં એક સમૃદ્ધ ટેક્સ્ટ ઘટક છે, જે ફકરા જેવો દેખાય છે. અને આ બધા જુદા જુદા સંપાદકમાં સમૃદ્ધ લખાણ હશે. તમે કદાચ શોધી શકશો કે ક્યાંક મીડિયા કંપની પોન્ટ્સ હશે, જેમાં ઇમેજ અપલોડ વિકલ્પો હશે, કદાચ મીડિયા, ઉપયોગિતાઓ, ગમે તે હોય. તેથી આ બધામાં પ્રવેશવું અને આ બધી વસ્તુઓ કેવી રીતે કાર્ય કરે છે તે જોવા માટે તે સારી બાબત છે, અમે સમૃદ્ધ ટેક્સ્ટ ઘટકનો ઉપયોગ કરીને પ્રારંભ કરવા જઈ રહ્યા છીએ. આ સૌથી સામાન્ય ઘટક છે, જ્યારે તમે વર્ડપ્રેસ માં પૃષ્ઠ અથવા પોસ્ટને સંપાદિત કરી રહ્યાં હોવ ત્યારે તમે જોઈ શકો છો, તે મૂળભૂત રીતે ફકરા ટેગ છે, જો તમે ઈચ્છો છો. અને અમે વિશેષતાઓનો ઉપયોગ કરવા જઈ રહ્યા છીએ. તો પહેલા, ચાલો કોડ મેળવીએ. અને ચાલો જોઈએ કે તે કેવું દેખાય છે. તેથી હું રજિસ્ટર બ્લોક પ્રકારની સામગ્રીને બહાર લઈ જવાનો નથી, હું ફક્ત સંપાદન અને સાચવો ફંક્શન લેવા જઈ રહ્યો છું, અને હું અમારા સંપાદન અને સાચવવાના કાર્યોને બદલીશ. તેથી અમે અહીં જાઓ. ઠીક છે, તો પ્રથમ વસ્તુ એ છે કે તમારી પાસે આ નવી વસ્તુ છે જેને પ્રોપ્સ કહેવાય છે, જેના વિશે અમે એક સેકન્ડમાં વાત કરીશું. એક અપરિવર્તિત સામગ્રી કાર્ય છે. અને અહીં સમૃદ્ધ ટેક્સ્ટ ઘટક છે. તેથી આ રિચ ટેક્સ્ટ કમ્પોનન્ટ, જ્યારે તે સ્થાનાંતરિત થાય છે, ત્યારે તેને કેટલાક કોડમાં ફેરવે છે, જે રિચ ટેક્સ્ટ બ્લોક જનરેટ કરે છે. અને પછી આ સેવ છે, જે પછી અન્ય તમામ પ્રકારની મનોરંજક વસ્તુઓ કરે છે. તો ચાલો આને સાચવીએ, તમે જોશો કે મારું, મારું બોલ્ડ પગલું પહેલેથી જ આપમેળે ચાલી રહ્યું છે. અને ચાલો જોઈએ કે જ્યારે અમે અમારી પોસ્ટ રિફ્રેશ કરીએ ત્યારે શું થાય છે. તેથી તમે જોશો કે તે નિષ્ફળ ગયું છે. ઠીક છે, તે સરસ છે, કારણ કે તેનો અર્થ એ છે કે કંઈક ખોટું થઈ રહ્યું છે. તો ચાલો જોઈએ અને શા માટે જોઈએ. અહીં અમે જાઓ. પ્રોમિસ રેફરન્સ એડિટરમાં અનકેચ, રિચટીગ વ્યાખ્યાયિત નથી. જો તમે જાણતા નથી કે આવું શા માટે છે, તો આ મારા ફાયરફોક્સ ડેવલપર ટૂલ્સ છે જ્યારે તમે વિકાસ કરી રહ્યાં હોવ ત્યારે તેને ખોલવા માટે ખૂબ જ સરળ છે. અને તમે જોઈ શકો છો કે શું થઈ રહ્યું છે. આવું થવાનું કારણ એ છે કે મેં રિચ ટેક્સ્ટ આયાત કર્યું નથી જેમ કે મેં રજિસ્ટર બ્લોક પ્રકાર આયાત કર્યું છે, મારે રિચ ટેક્સ્ટ ઘટક આયાત કરવાની જરૂર છે. તો ચાલો અહીં ઉપર જઈએ. અને અહીં તે ત્યાં છે. ચાલો આ આયાત કરીએ. તેને બોલ્ડ સ્ટેપમાં પોપ કરો આપોઆપ ચાલશે. હા, તે થઈ ગયું. ચાલો તે પૃષ્ઠને તાજું કરીએ. ઓકે, અન્ય બ્લોક માન્યતા નિષ્ફળ. હવે આનો અર્થ શું છે અને જ્યારે તમે વિકાસ કરી રહ્યાં હોવ ત્યારે તમે આ જોઈ શકો છો કે મેં બ્લોકનો કોડ બદલી નાખ્યો છે, જેનો અર્થ છે કે હવે તે જ ફંક્શનમાં ચાલે છે, તે કંઈક અલગ રીતે ચાલે છે અને તેમાં આ માહિતી સંગ્રહિત નથી. ડેટાબેઝ. તેથી તે કહે છે, અરે, એક સેકન્ડ માટે અટકી જાઓ, મેં સામગ્રી સાચવો માન્ય કરવાનો પ્રયાસ કર્યો, તમે મને હવે જે રેન્ડર કરવા માટે કહી રહ્યા છો તે તદ્દન અલગ છે. મને ખબર નથી કે શું કરવું, અને તે તમને શૂન્ય આપે છે.

27:16
જ્યારે હું વિકાસ કરી રહ્યો છું, ત્યારે હું આને અવગણી શકું છું કારણ કે હું જાણું છું કે તે આ કારણોસર થઈ રહ્યું છે, પરંતુ તે શું કરી રહ્યું છે તે સમજવું સારું છે. તો હવે જો આપણે ઈમેજ ઉમેરીએ, તો કન્સોલ સાફ કરો. હવે જો આપણે એક નવો વર્કશોપ બ્લોક ઉમેરીએ, તો અહીં આપણે જઈએ છીએ, તે રિચ ટેક્સ્ટ એડિટરને રજીસ્ટર કરી રહ્યું છે, હું કહી શકું છું કારણ કે તેની પાસે આ બધા શાનદાર રિચ ટેક્સ્ટ ફીલ્ડ્સ છે જેને હું બદલી શકું છું. અને હું અહીં કેટલીક સામગ્રી મૂકવાનું શરૂ કરી શકું છું અને જાઓ, હેલો, આ ટેક્સ્ટ છે. અને હું બોલ્ડિંગ અને અન્ય વિવિધ વસ્તુઓ જેવી વસ્તુઓ કરી શકું છું. અને આ બધા સમૃદ્ધ ટેક્સ્ટ સંપાદકનો ભાગ છે. તો આ રીતે તમે કસ્ટમ બ્લોક બનાવવા માટે હાલના ઘટકનો ઉપયોગ કરી શકો છો. તો ચાલો આને સાચવીએ. અને ચાલો તેનું પૂર્વાવલોકન કરીએ. અને હેલો, આ અમુક ટેક્સ્ટ છે. અમે ત્યાં જઈએ છીએ. અમે બધા ખુશ છીએ. ઠીક છે, તેથી આ સરસ કામ કરી રહ્યું છે. આ તે કરી રહ્યું છે જે આપણે કરવાની જરૂર છે. હવે. સમજવા જેવી બીજી વસ્તુ છે લક્ષણો. હવે, આ ઉદાહરણમાં, મારે એટ્રિબ્યુટનો ઉપયોગ કરવાની જરૂર નથી કારણ કે તમે જોશો કે હું ત્યાં ટેક્સ્ટ લખી રહ્યો છું. અને તે ડેટાની બચત કરે છે. અને હવે તે આવું કરી રહ્યું છે તેનું કારણ એ છે કે અહીં, હું કહું છું કે સામગ્રી પર વિશેષતાઓ સેટ કરો, અને તે મૂળભૂત રીતે ફક્ત તેને આપમેળે પમ્પ કરે છે, પરંતુ તમારા લક્ષણોને પણ વ્યાખ્યાયિત કરવા માટે તે એક સારો વિચાર છે.

28:27
તો ચાલો આને અહીં લઈએ. અને અમે તેને ફક્ત શ્રેણીમાં પૉપ કરીશું. તેથી હવે હું ખરેખર મારા લક્ષણોને વ્યાખ્યાયિત કરી રહ્યો છું. અને હું કહું છું કે આ સામગ્રી વિશેષતા છે. અને પસંદગીકાર એ સમૃદ્ધ ટેક્સ્ટનો ફકરા ટેગ છે. અને તે પછી તે ડેટા સ્ટોર કરશે. હવે જો તમે બ્લોક પર અમુક વધારાનો ડેટા સંગ્રહિત કરવા માંગતા હોવ તો આ ક્યાં સરળ બને છે. તો ચાલો ઉદાહરણ તરીકે કહીએ કે, હું બ્લોક પર અમુક પ્રકારની ID સ્ટોર કરવા માંગતો હતો. તેથી હું એક નવું લક્ષણ બનાવવા જઈ રહ્યો છું. અને હું તેને ID કહીશ. અને માત્ર આના હેતુઓ માટે, હું તેને એક શબ્દમાળા બનાવીશ. અને હું સ્રોત અને પસંદગીકારને છોડી દઈશ કારણ કે પછી તે ફક્ત તેને બ્લોક પર સંગ્રહિત કરશે. અને હું તમને બતાવીશ કે તે એક સેકન્ડમાં કેવી રીતે કાર્ય કરે છે. અને પછી અહીં હું કહી રહ્યો છું કે લક્ષણો સેટ કરો. ચાલો આ વિશે થોડીવાર વાત કરીએ. તો આ શું કરી રહ્યું છે, રિએક્ટમાં આ કોન્સેપ્ટ છે જેને પ્રોપ્સ કહેવાય છે, અમે મૂળભૂત રીતે તમે બધી પ્રોપર્ટીઝને મેથડમાં પાસ કરી શકીએ છીએ. તેથી પ્રોપ્સની અંદર, મને બ્લોકમાંથી વિશેષતાઓ મળી છે, અને લક્ષણોની અંદર, મને સામગ્રી મળી છે. મારી પાસે એક સેટ એટ્રિબ્યુટ્સ પદ્ધતિ પણ છે, જે મને લાગે છે કે રજિસ્ટર બ્લોક પ્રકારમાંથી પસાર થાય છે, અને એક વર્ગ નામ પદ્ધતિ, જેમાંથી પસાર થાય છે અને જો તમે વર્ગના નામ પર એક નજર નાખો છો, તો તે બ્લોક ટ્રાન્સપોર્ટનું નામ હશે. . તો હું શું કરી શકું છું કે હું સેટ એટ્રીબ્યુટ્સ અપડેટ કરી શકું છું, અહીં પૌરાણિક, ફંક્શન વોલ્યુમ શૂન્ય, અને કહો કે ID અપડેટ કરો, જે મેં હમણાં ઉમેર્યું છે તે નવું લક્ષણ છે. અને તેને કંઈક એવું કહીએ, ચાલો મારું નસીબ કહીએ. હવે, તે અત્યારે શું કરી રહ્યું છે તે સ્પષ્ટ થશે નહીં. ખરેખર, ચાલો ટાઈ કરીએ, હું તેને મારા બ્લોક પર હમણાં માટે છોડીશ. તેથી જો તમે તે કરો છો, અને અમે ખાતરી કરી છે કે રન ચાલી રહ્યું છે, બિલ્ડ ચાલી રહ્યું છે, તે સરસ છે. જો અમે તે કરીએ છીએ, અને અમે પોસ્ટને હિટ કરીએ છીએ, તો ખરેખર કંઈપણ બદલાશે નહીં. મેં ID ઉમેર્યું છે, ખરેખર કંઈ બદલાયું નથી, હું થોડો વધુ ટેક્સ્ટ ઉમેરવા જઈ રહ્યો છું, જે ફેરફારને ટ્રિગર કરશે. અને તમે જોશો કે જો આપણે અહીં કોડ એડિટર પર એક નજર નાખીએ, તો તમે જોશો કે તે સ્ટોર થઈ રહ્યું છે, ત્યાં આઈડી છે, મારો બ્લોક છે, ઠીક છે? હવે, જ્યાં આ ઉપયોગી બને છે, તે છે, ચાલો આગળના છેડે કહીએ કે, હું કંઈક અલગ રેન્ડર કરવા માંગુ છું, હું મારા બ્લોગની સામગ્રીના આધારે કરવા માંગુ છું, હું જઈને ક્યાંક બીજે ક્યાંક અને ગમે તેટલો ડેટા મેળવીશ અને પછી રેન્ડર કરીશ. કે આના ભાગ રૂપે, હું પછી આના જેવું કંઈક કરી શકું છું, અથવા હવે હું જે કરવા જઈ રહ્યો છું તે એ છે કે હું ફક્ત જવાનો છું અને હું બિલાડીઓને ફક્ત આગળના છેડે જ ID વિશેષતાઓને જોડવા જઈશ. ઠીક છે, તેથી તે બોલ્ટ્સ છે. અને જો હું હવે કોડ એડિટરમાંથી બહાર નીકળું અને આને સાચવું, તો મારે તેને સાચવવું જોઈએ. વાસ્તવમાં, મને કદાચ તાજું કરવાની જરૂર છે કારણ કે મને નથી લાગતું કે કોડ રિફ્રેશ થયા છે. ઠીક છે, તે સારું છે. મને એવું થવાની અપેક્ષા હતી. ચાલો ફક્ત આ બ્લોક દૂર કરીએ. અને ચાલો એક નવું ઉમેરીએ. મારા વર્કશોપ બ્લોક તરીકે, અમુક ટેક્સ્ટ, ઠીક છે, ચાલો કોડ પર એક નજર કરીએ. ઓકે, આઈડી છે. તેથી તે સારું છે. ચાલો તેને સાચવીએ.

31:28
સાચું, તે ખુશીથી કોઈ ભૂલોને બચાવશે. અને હવે આપણે આગળના છેડે તેનું પૂર્વાવલોકન કરવા જઈ રહ્યા છીએ. ત્યાં તમે જોશો કે તે મારી બ્લોક સામગ્રી ઉમેરાઈ છે, ઠીક છે. તેથી એટ્રીબ્યુટ્સ એ એક એવી રીત છે કે તમે ચોક્કસ બ્લોક પર ડેટા સ્ટોર કરી શકો છો, તમે કાં તો તેનો ઉપયોગ કરી શકો છો જે રીતે મારી પાસે આગળ છેડે છે, તમે તે ડેટાનો ઉપયોગ પણ કરી શકો છો, જો તમે તમારા બ્લોક સાથે વસ્તુઓ કરી રહ્યાં છો, જો તમારા બ્લોક અન્ય જગ્યાએથી માહિતી પસંદ કરવા જઈ રહ્યો છે, હું તમને આ વર્કશોપના અંતે બતાવીશ કે હું તે કેવી રીતે કરી રહ્યો છું. પરંતુ એ સમજવું અગત્યનું છે કે વિશેષતાઓ મૂળભૂત રીતે માત્ર ડેટાના પ્રકારો છે જે તમે તમારા બ્લોક પર સંગ્રહિત કરી શકો છો અને તમે તેનો ઉપયોગ અન્યત્ર કરી શકો છો. ખરું, આગળની વસ્તુ જે આપણે જોવા માંગીએ છીએ તે એ છે કે આપણે આપણા પોતાના કસ્ટમ ઘટકોને કેવી રીતે ઉમેરવા, અથવા આપણા પોતાના કસ્ટમ ઘટકો, અથવા કસ્ટમ અને હાલના ઘટકોનું સંયોજન કેવી રીતે બનાવવું તે જોવા માંગીએ છીએ. તેથી પ્રથમ વસ્તુ જે આપણે કરવા જઈ રહ્યા છીએ તે એ છે કે અમે અમારા બ્લોક માટે લેબલ માટે એક ખૂબ જ સરળ નવો ઘટક બનાવવા જઈ રહ્યા છીએ. તેથી આ જે રીતે કામ કરે છે તે રીતે હું આ JSX કાર્યક્ષમતાનો ઉપયોગ કરીને મારા પોતાના કસ્ટમ ઘટકો બનાવી શકું છું, જે મેં તમને અગાઉ બતાવ્યું હતું. અને હું એચટીએમએલ સ્ટ્રક્ચરની સૉર્ટનો ઉપયોગ કરીને ગમે તે કરી શકું છું, જે પછી જાવાસ્ક્રિપ્ટમાં સ્થાનાંતરિત થાય છે. તેથી પ્રથમ વસ્તુ જે હું કરવા જઈ રહ્યો છું તે એ છે કે હું ફક્ત ઘટકો નામનું ફોલ્ડર બનાવવા જઈ રહ્યો છું કારણ કે મને મારા ફોલ્ડર્સ, મારા ઘટકોને અલગ ઘટકો ફોલ્ડરમાં ચોંટાડવા ગમે છે. અને હું એક રદ કરવા જઈ રહ્યો છું કે હું નવી જાવાસ્ક્રિપ્ટ ફાઈલ બનાવવા જઈ રહ્યો છું. અને હું તેને વર્ક શાર્પ મેસેજ કહીશ, મને લાગે છે કે તે પર્યાપ્ત ગુણાત્મક છે. વર્કશોપ હેડર. અને હું તમને એક સેકન્ડમાં ત્યાં શું કરી રહ્યો છું તે બતાવીશ. ના, આને ફરીથી ઉમેરશો નહીં. બરાબર. તેથી અહીં વર્કશોપમાં, મારી પાસે હાલમાં કંઈ નથી. બરાબર.

33:07
હું જે કરવા જઈ રહ્યો છું તે હું તમને બતાવીશ કે એક સાદી હિટ તે કેવી દેખાય છે, વાસ્તવિક સ્રોત કોડમાં જે હું હજી ચલાવી રહ્યો છું. હું એક સેકન્ડમાં અંતમાં સોર્સ કોડ વિશે વાત કરીશ. પરંતુ અહીં અમે જાઓ. અહીં મેસેજ હેડરમાં ટાંકવામાં આવેલ સંદેશ છે, તેનાથી કોઈ ફરક પડતો નથી. તો આ કોડ જેવો દેખાય છે. હવે, આ એવી વસ્તુ નથી કે જેના વિશે હેન્ડબુકમાં વધુ પડતું બોલવામાં આવે. આ એવી વસ્તુ છે જેના વિશે પ્રતિક્રિયાની દુનિયામાં વધુ ચર્ચા થાય છે. આ વર્કશોપના અંતે, હું કેટલાક સંસાધનો શેર કરીશ જ્યાં તમે ઘટકો અને વસ્તુઓ કેવી રીતે કાર્ય કરે છે તે વિશે શીખી શકશો. પરંતુ ચાલો આની નકલ કરીએ. આને અહીં અમારા વર્કશોપમાં મૂકો, અને હું તે શું કરે છે તે વિશે વાત કરીશ. તેથી હું આવું કહું છું, મારે જે કરવાની જરૂર છે તે છે વર્ડપ્રેસ એલિમેન્ટમાંથી કમ્પોનન્ટ ઑબ્જેક્ટ આયાત કરો જે મને કસ્ટમ કમ્પોનન્ટ બનાવવા માટે પરવાનગી આપે છે. ચાલો હમણાં માટે આનું નામ વર્કશોપ મેસેજ હેડરમાં બદલીએ. ઠીક છે, પછી મારે એક ક્લાસ બનાવવાની જરૂર છે જેનું નામ મારા કમ્પોનન્ટનું નામ ગમે તે હોય, અને તે કોમ્પોનન્ટને વિસ્તૃત કરે છે, પછી મારી પાસે તે વર્ગની અંદર રેન્ડર પદ્ધતિ છે. અત્યારે અંદર શું છે તેની ચિંતા કરશો નહીં. અને પછી અંતે અહીં, મારી પાસે આ એક્સપોર્ટ ડિફોલ્ટ વર્ડપ્રેસ મેસેજ વર્કશોપ મેસેજ હેડર છે. રેન્ડર પદ્ધતિમાં, હું ફક્ત મારું HTML જે કંઈ બનવાનું છે તે પરત કરું છું. આ કિસ્સામાં, હું ફક્ત પ્રમાણભૂત HTML નો ઉપયોગ કરું છું. હું અહીં બીજા ઘટકનો ઉપયોગ કરી શકું છું, હું કેટલીક જાવાસ્ક્રિપ્ટ વસ્તુઓ કરી શકું છું. મારે જે કરવું હોય તે હું કરી શકું છું, પરંતુ હમણાં માટે, તે માત્ર HTML, કેટલીક સામગ્રી સાથે h3 ટેગનો એક મૂળભૂત ભાગ છે. ઠીક છે, તેથી તે મારો ઘટક છે. મારી પાસે એક મહાન છે હવે હું તેનું શું કરું? મારી ઇન્ડેક્સ ફાઇલમાં, હું હવે કહી શકું છું કે, કામ આયાત કરો, વર્કશોપ. અને કારણ કે હું PHP સ્ટોર્મનો ઉપયોગ કરી રહ્યો છું, હું કરી શકું છું કે તે મારા માટે સ્વતઃપૂર્ણ થઈ જશે અને હું ફક્ત તેના પર ક્લિક કરી શકું છું. અને અમે ત્યાં જઈએ છીએ. તેથી વર્કશોપ મેસેજ હેડર અને સ્લેશ ઘટકો વર્કશોપ મેસેજનો માર્ગ આયાત કરો. તેથી તે ઇન્ડેક્સ, ઘટકો વર્કશોપ મેસેજ હેડરમાંથી એક ફાઇલ છે, આપણે ત્યાં જઈએ છીએ. હવે હું શું કરવા જઈ રહ્યો છું એ છે કે હું હમણાં માટે આ બધી વિશેષતા સામગ્રીને બહાર કાઢીશ. અને હું આ બધું હમણાં માટે જ કાઢીશ. અને હું અહીં માત્ર એટલું જ કરવા જઈ રહ્યો છું કે હું રિટર્ન વર્કશોપ કહીશ, શ્રી ચઢ્ઢા. અને સેવમાં, હું એ જ વસ્તુ કરવા માંગુ છું. વર્કશોપ સંદેશ હેડર. આ ખૂબ જ સરળ છે. મને હવે પ્રોપ્સની જરૂર નથી. કારણ કે હું તેમની સાથે કંઈ કરતો નથી. હવે ત્યાં પ્રોપ્સની જરૂર નથી. અહીં અમે જાઓ. તેથી આ હવે મારા wordpress.org નું હવે ખૂબ જ સરળ સંસ્કરણ છે. કારણ કે મને હમણાં જ મેસેજ હેડર મળ્યું છે, મને હવે બ્લોક સ્ટાઈલની સામગ્રીની જરૂર નથી, હું તેને થોડા સમય પહેલા લઈ શકી હોત, મને હવે સમૃદ્ધ ટેક્સ્ટની જરૂર નથી. અમે તેને એક સેકન્ડમાં પાછું મૂકીશું. અને અમે ત્યાં જઈએ છીએ. અધિકાર. તેથી મારું તે અને તે છે. હવે બોલ્ડ સ્ટેપ વિશે જે સરસ છે તે એ છે કે તે ઓટો ડીટેક્ટ કરશે કે મને આ ફાઈલ ઘટકોમાં મળી છે, અને તે આપમેળે તેને ચલાવશે અને તેને મારા ઈન્ડેક્સ j s માં કમ્પાઈલ કરશે. તેથી જો હું હમણાં જ મારા બ્લોકને રિફ્રેશ કરું તો તે મને સેવ વેલિડેશન એરર આપશે, જેની મને અપેક્ષા છે કારણ કે મેં કોડ બદલ્યો છે. તેથી હું આ બ્લોક દૂર કરીશ. અને પછી હું વર્કશોપ બ્લોક ઉમેરવા જઈ રહ્યો છું અને જોઉં છું કે હવે અચાનક શું બદલાવ આવે છે, હું અમારા વર્કશોપ હેડરમાં સ્વાગત જોઈ રહ્યો છું. તમે જોશો કે તે h3 ટેગ છે. અને તે હવે આપણું શું છે, આપણો બ્લોક શું કરે છે અને તે કેવો દેખાય છે. તેથી જો આપણે નવી ટેબમાં પૂર્વાવલોકન કરીએ, તો આપણે ત્યાં જઈએ. અમારા વર્કશોપમાં આપનું સ્વાગત છે. તેથી મેં હમણાં જ એક ખૂબ જ સરળ કસ્ટમ ઘટક બનાવ્યું છે, હું અહીં કંઈપણ મૂકી શકું છું, હું વધુ સામગ્રી મૂકી શકું છું, હું API કૉલ્સ ચલાવી શકું છું અને પોસ્ટ ડેટા મેળવી શકું છું, હું પોસ્ટ સૂચિ બનાવી શકું છું, હું તમામ પ્રકારની રસપ્રદ વસ્તુઓ કરી શકું છું આ કસ્ટમ ઘટકનો ઉપયોગ કરીને. પરંતુ આ રીતે તમે તમારા પોતાના કસ્ટમ ઘટકો બનાવો છો. તમે તેને તમારા બ્લોકમાં આયાત કરો, આ પ્રકારના HTML શૈલી JSX કોડનો ઉપયોગ કરો, તમે જોશો કે હું બે પ્રકારના વળતર કરી રહ્યો છું, તે ખરેખર કોઈ વાંધો નથી, જો તમારી પાસે વધુ ઊંડાણ હોય તો આનો વધુ ઉપયોગ થાય છે. સામગ્રી, જે આગલા પગલામાં જશે. હું આ રીતે પણ કરી શકું છું, તે પણ સારું છે. પરંતુ તે રીતે તમે કસ્ટમ ઘટક બનાવો છો. તેથી તમે આ ઘટક JSX શૈલી ફોર્મેટનો ઉપયોગ કરીને તમામ પ્રકારની મનોરંજક વસ્તુઓ બનાવી શકો છો. અત્યારે હું મારા પોતાના કસ્ટમ કમ્પોનન્ટ બનાવી શકું છું, આ વર્કશોપમાં હું જે છેલ્લી વસ્તુ કરવા માંગુ છું તે આ ઘટકોને જોડવાનું છે. તેથી હું એક સંદેશ ઘટક બનાવવા માંગુ છું, જે હેડર અને સમૃદ્ધ ટેક્સ્ટ વિસ્તારને જોડે છે. હવે સરળીકરણ ખાતર, હું આક્રોશપૂર્વક છેતરપિંડી કરીશ અને સીધા સંસ્કરણો પર કૂદીશ. આ વર્કશોપનું પગલું છ. જો તમે આ વર્કશોપ દ્વારા કામ કરી રહ્યાં છો, તો મેં દરેક અલગ-અલગ પગલાઓ માટે શાખાઓ બનાવી છે. જેથી તમે પસાર થઈ રહ્યા હોવ ત્યારે તમે બધા કોડ જોઈ શકો છો. પરંતુ છઠ્ઠા પગલામાં, મને આખરે વર્કશોપ મેસેજ અને વર્કશોપ મેસેજ હેડર મળ્યું છે. તેથી વર્કશોપ મેસેજ હેડર અમે પહેલેથી જ બનાવેલ છે, જે ખૂબ સરસ છે. ચાલો વર્કશોપ સંદેશ ઘટક પર એક નજર કરીએ. તેથી આ તે જેવો દેખાય છે. તેથી હું આની નકલ કરવા જઈ રહ્યો છું. અને હું તમને બતાવવા જઈ રહ્યો છું કે હું અહીં શું કરી રહ્યો છું.

38:06
તો અહીં આપણે એક નવો ઘટક બનાવીશું. જાવાસ્ક્રિપ્ટ ફાઇલ, અમે તેને વર્ક શોપ કહીશું. સંદેશ હું તેને ઉમેરવાનો નથી અને અમે કોડને ડમ્પ કરવા જઈ રહ્યા છીએ. ઠીક છે, તો હું અહીં શું કરી રહ્યો છું, હું ઘટક આયાત કરી રહ્યો છું જેમ આપણે પહેલા કર્યું હતું, હું સમૃદ્ધ ટેક્સ્ટ ઘટક પણ આયાત કરી રહ્યો છું, કારણ કે હું તેનો ઉપયોગ મારા સંદેશમાં કરવા માંગું છું, અને હું સંદેશ હેડર આયાત કરી રહ્યો છું. ઠીક છે, તેથી તે કોડ પણ ઉપલબ્ધ થવા જઈ રહ્યો છે, તમે જોશો કે મેં વિશેષતાઓને ખસેડી છે, અને વિશેષતાઓ અને વર્ગના નામનું ડિસ્ટ્રક્ચરિંગ સેટ કર્યું છે. જ્યાં હું ઇન્ડેક્સ ફાઇલનો ઉપયોગ કરતો હતો ત્યાં ઘણા તફાવતો સાંભળવા માટે, હું અહીં પ્રોપ્સમાં પસાર થઈ રહ્યો હતો. અહીં, હું આ પ્રોપ્સનો ઉપયોગ કરું છું. અને હું એક સેકન્ડમાં આ બધું કેવી રીતે કાર્ય કરે છે તેના પર પાછા આવીશ, મેં આ ઘટકમાં અપરિવર્તિત સામગ્રી કાર્યને પણ ખસેડ્યું છે. પછી મને મારું વળતર મળ્યું. હવે મારા રિટર્નમાં ક્લાસના નામ સાથે ડિવ છે. તેમાં વર્કશોપ મેસેજ હેડર કમ્પોનન્ટ અને મારા રિચ ટેક્સ્ટ કમ્પોનન્ટ છે જેમ કે તે અગાઉના ઉદાહરણમાં હતું. અને પછી હું એક્સપોર્ટ ડિફોલ્ટ વર્કશોપ મેસેજ કરી રહ્યો છું. મને આ કબૂતર મળ્યું તેનું કારણ એ છે કે તેની પાસે કોઈ અન્ય વસ્તુમાં લપેટ્યા વિના ઘટકના વળતર કાર્યની અંદર એકબીજાની બાજુમાં બે ઘટકો હોઈ શકતા નથી. તેથી તમારે તેને ડિવની અંદર લપેટી લેવાની જરૂર છે. ઠીક છે, તેથી તે સંદેશ છે, હેડર સમાન રહે છે, પરંતુ મારે હવે ઇન્ડેક્સ બદલવાની જરૂર છે. તો ચાલો હું તમને બતાવું કે તે કેવું દેખાય છે. તેનું અંતિમ સંસ્કરણ. હું ફક્ત તે આખી વસ્તુની કલાની નકલ કરવા જઈ રહ્યો છું. તે કેવું દેખાય છે તે હું તમને બતાવવા જઈ રહ્યો છું. ઠીક છે, મને હવે તેની જરૂર નથી. ઉદાહરણ રહી શકે છે કે ઠંડી રહી શકે છે, અધિકાર? તો અહીં, સંપાદન પદ્ધતિ અહીં છે. પ્રોપ્સ પાછા છે. ઠીક છે, તો અહીં હું આ કરી રહ્યો છું તેને D સ્ટ્રક્ચરિંગ કહેવાય છે. તેથી હું કહું છું કે જે પ્રોપ્સ પસાર થઈ રહ્યા છે તે લો અને એટ્રિબ્યુટ્સ, સેટ એટ્રિબ્યુટ્સ અને ક્લાસનું નામ ખેંચો. પછી હું તેને વર્કશોપ સંદેશ ઘટકમાં તે જ નામો સાથે મોકલી રહ્યો છું જે હું કહી રહ્યો છું કે લક્ષણો આ વિશેષતાઓની સમાન હશે. સેટ એટ્રિબ્યુટ એ તે વર્ગનું નામ છે, તે પછી આ વસ્તુઓને વર્કશોપ સંદેશ ઘટકના પ્રોપ્સમાં પસાર કરે છે, તેથી જ આવું થાય છે કારણ કે હું આ કોપી તત્વોને ડી સ્ટ્રક્ચર અથવા બહાર કાઢવા માંગુ છું અને આ ઘટકમાં તેનો ઉપયોગ કરવા માંગુ છું. બરાબર? પછી સેવ પર, હું જે કરી રહ્યો છું તે છે, હું આ પ્રકારની બધી સામગ્રી કરવા માંગતો નથી જે હું સંદેશમાં કરું છું, અને હું સામગ્રીને અપડેટ અને અપરિવર્તિત અને અપડેટ કરવા માંગુ છું. સેવ પર, મારે ફક્ત અંતિમ આઉટપુટ જોઈએ છે. તેથી આઉટપુટ ડીવી, મને ફક્ત હેડર જોઈએ છે અને પછી મને વર્કશોપ સંદેશમાં અપડેટ કરવામાં આવેલ સામગ્રીનો ઉપયોગ કરીને સમૃદ્ધ ટેક્સ્ટ એડિટરની સામગ્રી જોઈએ છે. ઠીક છે, તેથી હેડર છે, મારા સેવ પર મારી ઇન્ડેક્સ છે, બાકીનું બધું બરાબર કામ કરવું જોઈએ. બીજી વસ્તુ જે મારે કરવાની જરૂર છે, હું હવે મારા વર્કશોપ મેસેજ હેડરને આયાત કરી રહ્યો નથી. હું મારો વર્કશોપ સંદેશ આયાત કરી રહ્યો છું. તો ચાલો આને સાફ કરીએ. ઠીક ઠીક. હું ફરીથી સમૃદ્ધ ટેક્સ્ટ ઘટક પણ આયાત કરી રહ્યો છું. તો ચાલો તેને પકડી લઈએ. જેથી તે નિષ્ફળ ન જાય. અમે ત્યાં જઈએ છીએ. તે થોડી હોવી જોઈએ. તેથી હવે હું પગલું ભરીશ દોડ્યો હશે. અને અમારા પ્રોજેક્ટમાં, અમને ભૂલ થશે કારણ કે અમે બધું જ બદલી નાખ્યું છે. તે સારું છે. અમે ભૂલ થવાની અપેક્ષા રાખીએ છીએ. તે સારું છે. ઠીક છે, જ્યાં હું કૉલ કરું છું ત્યાં વર્કશોપ મેસેજ હેડર I રસપ્રદ ઇન્ડેક્સ વ્યાખ્યાયિત નથી. હું વર્કશોપ મેસેજ ડેટાને કૉલ કરું છું. તેથી મને પણ તેની જરૂર છે. ઠીક છે, તો ચાલો વર્કશોપ સંદેશાઓ આયાત કરીએ. જો તમે આશ્ચર્ય પામી રહ્યાં છો કે હું મારા સંપાદકને આ બધું કેવી રીતે આમંત્રિત કરી રહ્યો છું કારણ કે હું PHP સ્ટોર્મનો ઉપયોગ કરી રહ્યો છું, જે JSX માટે સમર્થનમાં બનાવવામાં આવ્યું છે. જો તમારું નથી, કાં તો, જો તમે VS કોડ અથવા તેમાંથી કોઈ એકનો ઉપયોગ કરી રહ્યાં છો, તો ત્યાં એવી રીતો છે કે જેનાથી તમે આ ઉમેરી શકો છો અથવા ફક્ત અંતિમ ફાઇલના પાથને ટાઇપ કરવાની ટેવ પાડી શકો છો, તો હું એક સારા સંપાદક મેળવવાની ભલામણ કરું છું અને તે તમારા માટે આ બધું કરશે તે માટે તેને સેટ કરવું. અમે ત્યાં જઈએ છીએ. તેથી તે થઈ ગયું, બિલ્ડ આપમેળે ચાલશે, ચાલો એક તાજું કરીએ. બ્લોક માન્યતા નિષ્ફળ, અમે અપેક્ષા રાખીએ છીએ કે તે સારું છે. ચાલો બ્લોક દૂર કરીએ. ચાલો ભૂલ કાઢી નાખીએ. અને હવે વર્કશોપ બ્લોક ઉમેરીએ. અને બૂમ, આપણે ત્યાં જઈએ. તેમાં આપણું હેડર છે. તેમાં આપણું સમૃદ્ધ લખાણ છે. તેથી તમે અહીં કેટલાક ટેક્સ્ટ કહી શકો છો. જ્યારે આપણે આને સેવ કરીએ છીએ, અને અમે તેનું પૂર્વાવલોકન કરીએ છીએ, ત્યારે તે અમારા વર્કશોપમાં આપનું સ્વાગત છે, અહીં કેટલાક ટેક્સ્ટ બતાવશે. તેથી અમે જે કર્યું છે તે અમે બે ઘટકો લીધા છે. એક કે જે આપણે જાતે બનાવ્યું છે, એક કે જે પહેલાથી જ સમૃદ્ધ લખાણમાં અસ્તિત્વમાં છે, અમે તે બેને આ વર્કશોપ સંદેશ ઘટકમાં જોડ્યા છે. અને પછી અમે વર્કશોપ સંદેશ ઘટકને કૉલ કરી રહ્યાં છીએ. અમારા સંપાદનમાં, અમે અન્ય ઘટક બનાવી શકીએ છીએ જેને કહેવાય છે કદાચ આ સંપાદિત વર્કશોપ સંદેશ હોઈ શકે. અને આ ફક્ત વર્કશોપ સંદેશ હોઈ શકે છે, અને પછી આપણે તેને મૂકી શકીએ છીએ. અથવા અમે સ્ટાર્ટર બ્લોક શું કરે છે ત્યાં સુધી પણ જઈ શકીએ છીએ, જે મને લાગે છે કે તે સ્ટાર્ટઅપ બ્લોકમાં ખૂબ સરસ છે. ચાલો હું તમને એક સેકન્ડ માટે અહીં બતાવું. સ્ટાર્ટઅપ બ્લોકમાં, તેઓ ખરેખર સંપાદન પદ્ધતિ હેઠળ છે, તેઓ ખરેખર કહે છે કે સંપાદિત ફાઇલને આયાત કરો.

43:10
ચાલો અહી જોઈએ, ઈમ્પોર્ટ એડિટ ફ્રોમ એડિટ, ઈમ્પોર્ટ, સેવ ફ્રોમ સેવ. તેથી જો હું સંપાદનમાં જાઉં, જે અહીં આ વ્યક્તિ છે, તો જુઓ કે તેઓને આ ડિફોલ્ટ મળ્યું છે, આ એક પ્રકારનું આ ઘટક નિકાસ ડિફોલ્ટ કાર્ય છે. જો તમને અમારા સંદેશના હેડરમાંથી યાદ હોય, તો અમારી પાસે આ નિકાસ ડિફોલ્ટ, સમાન પ્રકારની વસ્તુ હતી. અને પછી તેઓ હજી સુધી એક અલગ ઘટક તરીકે બધું કરી રહ્યાં છે. તેથી તે કરવાની એક સરસ રીત છે. તમે પણ તે કરી શકો છો કારણ કે અમે તે ફક્ત સંપાદનમાં અને સલામતમાં કર્યું છે. ઠીક છે, એવું લાગે છે અને તે ઘણું લાગે છે. અને PHP અને જાવાસ્ક્રિપ્ટ થી સ્વિચ કરવા અને આ વસ્તુઓને જાણવાની સાથે વસ્તુ સાથેની વસ્તુ, તેની સાથે રમવાની પ્રકારની છે. મેં આ બધું સમજવામાં ઘણો સમય પસાર કર્યો. થોડી વારમાં, હું તમને કેટલાક વધારાના સંસાધનો બતાવવા જઈ રહ્યો છું જે હું તમને જોવાની ભલામણ કરું છું. અને આશા છે કે આ તમને આ વસ્તુઓ એકસાથે કેવી રીતે કાર્ય કરે છે તેનો સારો ખ્યાલ આપશે. આ કોડ બ્લોક ડેવલપમેન્ટ વર્કશોપમાં છે. તમામ વિવિધ શાખાઓ દ્વારા જુઓ. તે બધું કેવી રીતે કાર્ય કરે છે તે જુઓ. અધિકાર. તેથી આ વર્કશોપના છેલ્લા પગલા માટે, હું ફક્ત અમુક પ્રકારના જીવંત ઉદાહરણો દ્વારા ચલાવવા માંગુ છું કે જેના પર મેં કામ કર્યું છે. મુખ્ય એક ગંભીર રીતે સરળ પોડકાસ્ટિંગ પ્લગઇન માટે છે. તેથી જો તમે wordpress.org પરથી પ્લગઇન પકડો છો, અથવા તમે તેને GitHub પર મેળવી શકો છો, મારા શોધો મારા સ્ત્રોતો શોધો, અમે મારા પર પ્લગઇન સ્રોત ટર્કી શોધીશું, પ્લગઇન સ્રોત ડિરેક્ટરી શોધીશું, તમે જોશો કે ત્યાં છે ઇન્ડેક્સ ફાઇલ, તમે જોશો કે ત્યાં ઘટકોનો સમૂહ છે જે બનાવવામાં આવે છે. ત્યાં એક એડિટ પ્લેયર અને અન્ય વિવિધ વસ્તુઓ છે. તો આમાંથી પસાર થાઓ, કોડ પર એક નજર નાખો. અને તમે જોશો કે મેં કેવી રીતે જુદા જુદા ઘટકો બનાવ્યા છે. વિવિધ ઘટકોને સંપાદિત કરવા માટે. મેં વાસ્તવિક સંપાદન કરવા માટે અલગ ઘટકો બનાવ્યા છે. અને આ માત્ર પ્રકાર તમને શું શક્ય છે તેનો ખ્યાલ આપે છે. કસ્ટમ બ્લોક્સ સાથે. એક સરસ મોટી કસ્ટમ ટોક છે જે મેં કેટલાક કસ્ટમ HTML સાથે લખી છે. તે વાસ્તવિક દુનિયામાં ઉપલબ્ધ છે. તેથી પસાર થવા માટે મફત લાગે અને એક નજર નાખો. અને જો તમને કોઈ પ્રશ્નો હોય તો મને જણાવો. બીજી વસ્તુ જે હું તમારી સાથે શેર કરવા માંગતો હતો તે છે કેટલાક સંસાધનો. તેથી જ્યારે મેં પ્રથમ વખત બ્લોક્સ બનાવવાનું શરૂ કર્યું, ત્યારે મને ખબર નહોતી કે પ્રતિક્રિયા કેવી રીતે કાર્ય કરે છે. મને ખબર ન હતી કે ગુટેનબર્ગ હૂડની નીચે કેવી રીતે કામ કરે છે. તેથી મેં સૌથી પહેલું કામ કર્યું કે મેં આ રિએક્ટ ફોર શરૂઆતના કોર્સ માટે કર્યું, વ્હેરના બોઝર દ્વારા ખૂબ ભલામણ કરવામાં આવી. તે હાલમાં 50% છૂટ છે. અને તમે વિશ્વમાં ક્યાં છો તેના આધારે, તમને વધારાની ટકાવારી મળી શકે છે. તો જાઓ અને આ તપાસો. હું હમણાં જાણું છું, દક્ષિણ આફ્રિકા, તમે વિશ્વમાં જ્યાં પણ હોવ ત્યાં ખૂબ જ સારી કિંમત છે. પરંતુ રિએક્ટમાં રોકાણ કરવું તે યોગ્ય છે. હું જે અન્ય કોર્સની ભલામણ કરીશ તે છે ઝેક ગોર્ડન દ્વારા ગુટેનબર્ગ બ્લોક ડેવલપમેન્ટ કોર્સ. તે પણ હાલમાં, તમે વિશ્વમાં ક્યાં છો તેના આધારે, તમને ટકાવારી છૂટ મળે છે. અને કોર ગુટેનબર્ગ પ્લગઇન કેવી રીતે કાર્ય કરે છે તેની મૂળભૂત બાબતો આપવા માટે આ એક ખૂબ જ સારો અભ્યાસક્રમ છે. તે તમને એલિમેન્ટ લાઇબ્રેરી, બ્લોક્સ એરિયા, આ તમામ પ્રકારની વર્ડપ્રેસ વિશિષ્ટ લાઇબ્રેરીઓ આપે છે જે ગુટેનબર્ગને ઉજાગર કરે છે, જે તે બધી બાબતોને સમજવા માટે એક ઉત્તમ સ્ત્રોત છે. તેથી હું ખૂબ જ ભલામણ કરું છું કે જો તમને નવા નિશાળીયા માટે રિએક્ટ ફર્સ્ટ લોકવુડ રિએક્ટ વિશે કોઈ ખ્યાલ હોય, તો જો તમને બ્લોક્સ વિશે કોઈ ખ્યાલ ન હોય, તો ગુટેનબર્ગ બ્લોક ડેવલપમેન્ટ કોર્સથી પ્રારંભ કરો. અને પછી અંતે, સ્વાદિષ્ટ મગજ પરના એક વ્યક્તિએ બિલ્ડીંગ બ્લોક્સ પર એક અદ્ભુત લેખ લખ્યો, જે આ વર્કશોપ જેવો જ છે. તેથી હું આ દ્વારા વાંચવાની ભલામણ કરું છું, તે લક્ષણો વિશે વાત કરે છે. તે સંપાદન કાર્ય વિશે વાત કરે છે, તેની પાસે એક કસ્ટમ છે, તેથી કાર્ય. તેથી તે ફક્ત એક લેખ ફોર્મેટમાં આ વર્કશોપ જેવું જ છે. અને આ લેખ વાંચીને, જ્યારે હું બ્લોક્સ બનાવવાનું શીખી રહ્યો હતો ત્યારે અમુક પ્રકારના વિચારોને સિમેન્ટ કરવામાં મદદ કરી હતી કે જ્યારે તે ખાસ કરીને ગુટેનબર્ગ બ્લોક ડેવલપમેન્ટ માટે આવ્યો ત્યારે મને ખાતરી નહોતી. મને આશા છે કે તમે આનો આનંદ માણ્યો હશે. જેમ કે મેં આની શરૂઆતમાં ઉલ્લેખ કર્યો છે, હું ઘણું બધું છોડી રહ્યો છું અને તમને જે જાણવાની જરૂર છે તે સૌથી મહત્વપૂર્ણ ખ્યાલો તરીકે હું જે જોઉં છું તેના પર ધ્યાન કેન્દ્રિત કરું છું. કેટલાક કસ્ટમ ડેટાનું નિર્માણ. હું ભલામણ કરું છું, કારણ કે હું હંમેશા બ્લોક ડેવલપમેન્ટ હેન્ડબુક દ્વારા વાંચું છું. તે તમને એક A આપશે જ્યારે અમે આ વર્કશોપ કર્યું ત્યારે તે નોંધ્યું હતું, અમે સંપૂર્ણ રીતે કામ કરીએ છીએ તે ઉદાહરણોથી તેઓ તમને કામ કરવા માટે કેટલાક શ્રેષ્ઠ ઉદાહરણો આપશે. અને પછી આ સંસાધનો ઉમેરી રહ્યા છે જેનો મેં ઉલ્લેખ કર્યો છે. હવે આપણે તેના પર એક પ્રકારનું નિર્માણ કરીશું. જો તમને આ વિશે કોઈ પ્રશ્નો હોય, તો તેમને આ વર્કશોપમાં મૂકવા માટે તમારું સ્વાગત છે. અથવા તમે Twitter પર મને પકડી શકો છો. હું જ્હોન અન્ડરસ્કોર બેસિંગર છું. હું આશા રાખું છું કે તમે બિલ્ડિંગ બ્લોક્સનો આનંદ માણશો. અને મને આશા છે કે આ તમને અમુક રીતે મદદ કરશે. એક બિંદુ પર જાઓ જ્યાં તમે તે કરવા માટે આરામદાયક અનુભવો છો. ઠીક છે, ખૂબ ખૂબ આભાર.