35 CSS3 Tutorial Flexbox Introduction

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=XQ_wfJiRBN8

مقدمة عن نظام ال flexbox وبعض الامثلة للتوضيح","styleRuns":[{"startIndex":0,"length":45,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":45,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CMgBELsvGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC1hRX3dmSmlSQk44GAYyJSIRIgtYUV93ZkppUkJOODAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CMgBELsvGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CMcBELovIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"xAsueocHukM","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/xAsueocHukM/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLAPOob0LvkkJL6HvJKLnwTrxbh8KA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/xAsueocHukM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLA4aJtn-9sF0OY6Fj2-kyEifOzY2w","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"36 - ( CSS3 Tutorial ) Flexbox : Flex Direction by Unique Coderz Academy 4,055 views 8 years ago 5 minutes, 7 seconds"}},"simpleText":"36 - ( CSS3 Tutorial ) Flexbox : Flex Direction"},"longBylineText":{"runs":[{"text":"Unique Coderz Academy","navigationEndpoint":{"clickTrackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@UniqueCoderzAcademy","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCq_xgufsy1KrGsmJq7mFH-g","canonicalBaseUrl":"/@UniqueCoderzAcademy"}}}]},"publishedTimeText":{"simpleText":"8 years ago"},"viewCountText":{"simpleText":"4,055 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"5 minutes, 7 seconds"}},"simpleText":"5:07"},"navigationEndpoint":{"clickTrackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWRI34nExMmP_IddmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=xAsueocHukM","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"xAsueocHukM","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=c40b2e7a8707ba43 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1247500 mt=1739884163 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE1NA rxtags=Cg4KAnR4Egg1MTM5MzE1NA%2CCg4KAnR4Egg1MTM5MzE1NQ%2CCg4KAnR4Egg1MTM5MzE1Ng%2CCg4KAnR4Egg1MTM5MzE1Nw%2CCg4KAnR4Egg1MTM5MzE1OA"}}}}},"shortBylineText":{"runs":[{"text":"Unique Coderz Academy","navigationEndpoint":{"clickTrackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@UniqueCoderzAcademy","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCq_xgufsy1KrGsmJq7mFH-g","canonicalBaseUrl":"/@UniqueCoderzAcademy"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_lhycX8cPW9YpVM4s9vZ4WGDFtG1uK6AM7MAVWdmpUfVPo=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_1Aw_SeuKjPy4XEAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"4K views"}},"simpleText":"4K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMUBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMUBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"xAsueocHukM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMUBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["xAsueocHukM"],"params":"CAQ%3D"}},"videoIds":["xAsueocHukM"]}},{"clickTrackingParams":"CMUBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMYBELlqIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},"popupType":"TOAST"}}]}},"trackingParams":"CMUBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMQBENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9","offlineVideoEndpoint":{"videoId":"xAsueocHukM","onAddCommand":{"clickTrackingParams":"CMQBENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9","getDownloadActionCommand":{"videoId":"xAsueocHukM","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMQBENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt4QXN1ZW9jSHVrTQ%3D%3D","commands":[{"clickTrackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMMBEI5iIhMI3ZWVxabNiwMVeCIGAB0oxxv9","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0=","hasSeparator":true}}],"trackingParams":"CMABEKQwGAAiEwjdlZXFps2LAxV4IgYAHSjHG_0=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"5 minutes, 7 seconds"}},"simpleText":"5:07"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMIBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"xAsueocHukM","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMIBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"xAsueocHukM"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMIBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMEBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMEBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"xAsueocHukM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMEBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["xAsueocHukM"],"params":"CAQ%3D"}},"videoIds":["xAsueocHukM"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMEBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"36 - ( CSS3 Tutorial ) Flexbox : Flex Direction - 5 minutes, 7 seconds - Go to channel - Unique Coderz Academy - 4K views - 8 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/xAsueocHukM/mqdefault_6s.webp?du=3000 sqp=COnq0b0G rs=AOn4CLCzXDadzCvgRLe6ROIRse_13sw-9g","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"phWxA89Dy94","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/phWxA89Dy94/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLDbGyk1o4AtaA_Uc_7lUhJf7youoQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/phWxA89Dy94/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLA5tJFiquVycE0pk3UONvIYqQM1pA","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Learn Flexbox CSS in 8 minutes by Slaying The Dragon 1,844,757 views 2 years ago 8 minutes, 16 seconds"}},"simpleText":"Learn Flexbox CSS in 8 minutes"},"longBylineText":{"runs":[{"text":"Slaying The Dragon","navigationEndpoint":{"clickTrackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@slayingthedragon","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCNG1I_kw2p3evITFIBX_2zA","canonicalBaseUrl":"/@slayingthedragon"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"1,844,757 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"8 minutes, 16 seconds"}},"simpleText":"8:16"},"navigationEndpoint":{"clickTrackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWRI34nExMmP_IddmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=phWxA89Dy94","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"phWxA89Dy94","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=a615b103cf43cbde ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1247500 mt=1739884163 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE1NA rxtags=Cg4KAnR4Egg1MTM5MzE1NA%2CCg4KAnR4Egg1MTM5MzE1NQ%2CCg4KAnR4Egg1MTM5MzE1Ng%2CCg4KAnR4Egg1MTM5MzE1Nw%2CCg4KAnR4Egg1MTM5MzE1OA"}}}}},"shortBylineText":{"runs":[{"text":"Slaying The Dragon","navigationEndpoint":{"clickTrackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@slayingthedragon","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCNG1I_kw2p3evITFIBX_2zA","canonicalBaseUrl":"/@slayingthedragon"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/AbpSwJHbvF8A5o1Urc2jFs-aI8R9UwI22-iVHHBt3rCMTBPbEEVeOQtZHNFiG5lt9WdOKN6W=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_1A3peP-ryg7IqmAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"1.8 million views"}},"simpleText":"1.8M views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CL4BEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL4BEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"phWxA89Dy94","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL4BEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["phWxA89Dy94"],"params":"CAQ%3D"}},"videoIds":["phWxA89Dy94"]}},{"clickTrackingParams":"CL4BEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CL8BELlqIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},"popupType":"TOAST"}}]}},"trackingParams":"CL4BEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CL0BENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9","offlineVideoEndpoint":{"videoId":"phWxA89Dy94","onAddCommand":{"clickTrackingParams":"CL0BENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9","getDownloadActionCommand":{"videoId":"phWxA89Dy94","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CL0BENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtwaFd4QTg5RHk5NA%3D%3D","commands":[{"clickTrackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLwBEI5iIhMI3ZWVxabNiwMVeCIGAB0oxxv9","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0=","hasSeparator":true}}],"trackingParams":"CLkBEKQwGAEiEwjdlZXFps2LAxV4IgYAHSjHG_0=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"8 minutes, 16 seconds"}},"simpleText":"8:16"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLsBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"phWxA89Dy94","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLsBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"phWxA89Dy94"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLsBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLoBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLoBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"phWxA89Dy94","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLoBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["phWxA89Dy94"],"params":"CAQ%3D"}},"videoIds":["phWxA89Dy94"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLoBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Learn Flexbox CSS in 8 minutes - 8 minutes, 16 seconds - Go to channel - Slaying The Dragon - 1.8M views - 2 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/phWxA89Dy94/mqdefault_6s.webp?du=3000 sqp=COTt0b0G rs=AOn4CLBrvTYqYMYvlQxIUjv1bLmzhwwYbA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"EWv2jnhZErc","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/EWv2jnhZErc/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLBdEnpQyifOE8F3LWaCDKQlvvrN_g","width":168,"height":94},{"url":"https://i.ytimg.com/vi/EWv2jnhZErc/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLDXjd1RL4MFtqdGJ5RIkk19r6Cumg","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"HTML CSS JS projects (Beginner): 16 projects using HTML CSS and JavaScript by JavaScript King 1,114,534 views 2 years ago 11 hours, 13 minutes"}},"simpleText":"HTML CSS JS projects (Beginner): 16 projects using HTML CSS and JavaScript"},"longBylineText":{"runs":[{"text":"JavaScript King","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@JavaScriptKing","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCCmKG_jTmuEhXqioTXbOXOQ","canonicalBaseUrl":"/@JavaScriptKing"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"1,114,534 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"11 hours, 13 minutes, 46 seconds"}},"simpleText":"11:13:46"},"navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWRI34nExMmP_IddmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=EWv2jnhZErc","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"EWv2jnhZErc","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 onvi=1 id=116bf68e785912b7 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1247500 mt=1739884163 oweuc= pxtags=Cg4KAnR4Egg1MTM5MzE1NA rxtags=Cg4KAnR4Egg1MTM5MzE1NA%2CCg4KAnR4Egg1MTM5MzE1NQ%2CCg4KAnR4Egg1MTM5MzE1Ng%2CCg4KAnR4Egg1MTM5MzE1Nw%2CCg4KAnR4Egg1MTM5MzE1OA"}}}}},"shortBylineText":{"runs":[{"text":"JavaScript King","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@JavaScriptKing","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCCmKG_jTmuEhXqioTXbOXOQ","canonicalBaseUrl":"/@JavaScriptKing"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/patrdR_ZGmBMDXPpeCN5aqqkbaQL1L5sKcIic5Lr_FjERzWUc0_PLBPtM30Wo98-RyrsTV5wmQ=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_1At6XkwufR_bUR","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"1.1 million views"}},"simpleText":"1.1M views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLcBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLcBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"EWv2jnhZErc","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLcBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["EWv2jnhZErc"],"params":"CAQ%3D"}},"videoIds":["EWv2jnhZErc"]}},{"clickTrackingParams":"CLcBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLgBELlqIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},"popupType":"TOAST"}}]}},"trackingParams":"CLcBEP6YBBgGIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLYBENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9","offlineVideoEndpoint":{"videoId":"EWv2jnhZErc","onAddCommand":{"clickTrackingParams":"CLYBENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9","getDownloadActionCommand":{"videoId":"EWv2jnhZErc","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLYBENGqBRgHIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtFV3Yyam5oWkVyYw%3D%3D","commands":[{"clickTrackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLUBEI5iIhMI3ZWVxabNiwMVeCIGAB0oxxv9","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0=","hasSeparator":true}}],"trackingParams":"CLIBEKQwGAIiEwjdlZXFps2LAxV4IgYAHSjHG_0=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"11 hours, 13 minutes, 46 seconds"}},"simpleText":"11:13:46"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"EWv2jnhZErc","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"EWv2jnhZErc"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLQBEPnnAxgBIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLMBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLMBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"EWv2jnhZErc","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLMBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["EWv2jnhZErc"],"params":"CAQ%3D"}},"videoIds":["EWv2jnhZErc"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLMBEMfsBBgCIhMI3ZWVxabNiwMVeCIGAB0oxxv9"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"HTML CSS JS projects (Beginner): 16 projects using HTML CSS and JavaScript - 11 hours, 13 minutes - Go to channel - JavaScript King - 1.1M views - 2 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/EWv2jnhZErc/mqdefault_6s.webp?du=3000 sqp=CNXb0b0G rs=AOn4CLCmi6wTQBnLvnBI-C7FH_rqdAwJJw","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/WYm4BkKNhxs/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLC--QeMNbTP5Pas5Dth-vikyT3m0g","width":168,"height":94},{"url":"https://i.ytimg.com/vi/WYm4BkKNhxs/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLD8MmQr-QWP605nVEAEIsDrKkM8fA","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"75 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":927027,"darkTheme":927027}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Play all","styleRuns":[{"startIndex":0,"length":8}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":1589337,"darkTheme":1589337}}},"stackColor":{"lightTheme":7047065,"darkTheme":7768211}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"Learn CSS 3 Tutorial || CSS دورة كاملة لتعلم الاصدار الثالث"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Unique Coderz Academy

#############################

New on site