Flexbox
flex алғашқыда түсінуге де, меңгеруге де өте қиын дүние. Бірақ тастамасаң оны үйреніп алуға болатын сияқты. Флекстің қасиеттері басқаларға қарағанда көп. Барлық дүние контейнерлерден және сол контейнердің элементтерінен құралады (элементтер өз бетіне ішіндегі элементтерге контейнер бола алады). Қазір түсінгенім ең бастысы бұл қасиеттер контейнерге жазыла ма, жоқ элементке жазылама ма осыны білу екен. Өйткен бұл қасиеттің бәрі тек қана контейнердің ішіндегі элементтерге ғана әсер етеді.
Мысалы, flex контейнердің денесіне жазылатын (бірақ сол контейнердің элементтеріне әсер ететін) align-items, justify-content деген қасиеттер бар. Осыларды ажыратып алу керек. flex-direction ауысқанда әлгі қасиеттер де өзгеретінін ескермей оларды шатастыратын адамдар да көп екен.
The Odin Project-тің HTML және CSS (Flexbox) бөлімінің жобасын жасайтін жерін жеттім. Бұл саладағы білгішбектер «бағдарламалауды меңгеру тек қана жеке жобаларды жасау арқылы іске асады» дейді. Мен тезірек JS деген бөлімге жетіп, Foundation-ды аяқтағым келіп отыр. Неге бұлай асығып жатқаным өзіме де құпия болып тұр. Сөйтіп өзімді сабырға шақырып, TON ұсынған жобаны іске асыруға үгіттеп отырмын. Фаундейшннан кейін JavaScript пен Ruby арасында таңдау жасау керек болады. Егер The Odin Project-тің негізі Ruby тілі екенін ескерсек таңдау қызық болайын деп тұр. Тіпті бұл туралы бөлек пост жазуға болатын сияқты.
Eleventy
Мына сайтым мен блогым Docusaurus деген SSG-ге негізделген. Бұл коды ашық, Meta-ға тиесілі, өте қуатты статикалық сайт жасағыштардың бірі. Негізінен Docusaurus жеке сайт, блог жасауға емес құжаттама құруға арналған. Сондықтан мен басқа бір альтернатива іздедім. Критериім: оның бэкендінде NodeJS (JavaScript) болуы керек. Өйткені әзірге білетін тілім сол ғана. Таптым: Eleventy. Осы күнге дейін мен қаншама CMS көрсемде Eleventy беріп отырған еркіндікті бірінші рет кездестіріп отырмын.
Қазір Eleventy мен үшін Android немесе басқа телефоннан iPhone-ға көшкенмен тең (сияқты болып көрініп тұр). Осыдан шамамен 10 жыл бұрын айфонға ауысқаннан кейін мен басқа телефондарға мүлде қарамайтын болдым. Оған дейін сол кездегі телефондардың дерлік бәрін білетінмін. Сол кезде істеген Евросетьтің күнделікті болмаса да аптасына бірнеше рет барып тұратын тұрақты оқырманы болғанмын. Содан кейін iPhone алдым да оның ыңғайлығына көңілім толғаны сонша мен жалпы телефондар туралы ізденуді қойдым. Сол сияқты енді аман-есен Eleventy-ге ауысып алсам басқа SSG-лерге қарауды қоямын деп сенемін.
Егер осы жолға бірге түсемін десеңіз мына видео-сабақтардан бастауға болады.
LeetCode
Оқуым басталғалы бірнеше рет кіріп беттемеген сайтыма қайта орадым. Оған себепші болған мына челлендж. Бірінші сабағын қарап шығып пікірлер бөлімін оқысам LeetCode тапсырмаларының Editorial деген қойындысы болады екен. Ол жерде осы тапсырманы шешуге көмектесетін ақпарат болады екен (шешімі емес).
Тағы бір себеп: бағдарламалауды меңгергенде дым қақпайтын тақырыпты тастамай, оны қайта-қайта шұқи берсең күндердің бір күнінде сен ол тақырыпты шемішкедей шағып тастайды екенсің. Соңы жұмысқа тұрар алдында, (егер біреу өзі офер ұсынбаса) сұхбатқа дайындалғанда осы сайттың көмегіне жүгінерім анық емес пе. Енді ол кезді күтпей-ақ қазір айналыса берсе не болады?
Қосымша қызықты сілтемелер
- https://flexbox.malven.co & https://grid.malven.co;
- Self-taught Devs Podcast – мына подкастың жүргізушілері менің осындай посттар жазып жүргенімнің дұрыс екенін растап жатыр.
- Sr Dev's Review of The Odin Project: Part 1 & Part 2;
- Dev Job Simulator;
- Select Star SQL;
- DSA 1, 2, 3 (book);
- Learn Flexbox with 30 Code Tidbits - бір оқып шықтым. Flexbox қасиеттерін оңай түсіндіретін, тез оқылатын, жеңіл дүние екен;
- Scrimba Flexbox Course.
PS. Иә, мен iPhone алдым.