Introduction to applying JavaScript to Create mini projects Course
Lorem Ipsum Generator app with JavaScript
-
0_JavaScript_Lorem_Ipsum_Gen (3:49)
-
1_Setup_HTML_and_Files (7:47)
-
2_JavaScript_DOM_Element_Selection (7:23)
-
3_Add_EventListener_JavaScript (6:24)
-
4_Add_Data_to_Output (3:58)
-
5_String_Methods_and_Regex_to_Clean_String (8:06)
-
6_Random_Word_Paragraphs (7:21)
-
7_Create_Sentances_from_Words (10:09)
-
8_How_to_Captilize_a_String (4:07)
-
9_User_input_for_Word_Count (9:41)
-
10_Lorem_Ipsum_Gen_V2 (9:10)
-
Project Source Code
Pagination from JSON data multiple pages and content loading app
-
0_Pagination_Introduction (3:26)
-
1_Page_Setup_Fetch_Request (6:19)
-
2_LocalHost_Setup_LiveServer (8:26)
-
3_Make_request_get_page_data (5:03)
-
4_Output_contents_to_Page (5:58)
-
5_Page_Buttons_Next_Prev (15:03)
-
6_Load_Content_By_Page_Number (4:28)
-
7_Jump_to_Page_by_Value (12:40)
-
8_Load_More_to_the_bottom (6:07)
-
9_Click_Event_load_More (7:06)
-
Source_Code
-
pagination project
-
Resource_Sites_(1)
How to create a JavaScript Carousel Images Slider Component
-
0_Carousel_Introduction (3:21)
-
1_Setup_HTML_and_Image_Details (9:56)
-
2_Carousel_container_add_images (10:46)
-
3_Apply_CSS_create_Style (9:46)
-
4_Hide_and_Show_Images (8:25)
-
5_Conditions_for_Images (5:38)
-
6_Image_dot_indicators (8:50)
-
7_Autoload_next_Image_Intervals (4:34)
-
8_Add_active_Indicator_Dot (5:48)
-
9_Carousel_Final_Updates (7:53)
-
10_Carousel_Conclusion (6:20)
-
Carousel Source Code
-
Source_Code
-
3_Resource_Sites
Downloadable List items Create a JavaScript task list and download as file
-
0_Task_List_Introduction (3:40)
-
1_Page_Setup_Create_List (5:00)
-
2_Create_List_Item (6:54)
-
3_Add_Input_Event_Listener (2:36)
-
4_CrossOut_and_Delete (3:58)
-
5_Task_List_Styling (8:10)
-
6_Download_List_as_Text_File (12:04)
-
7_Download_List_as_Text_File_2 (4:58)
-
8_List_saved_to_LocalStorage (6:44)
-
9_List_saved_to_LocalStorage_2 (10:34)
-
10_Task_List_overview (5:43)
-
Source_Code
-
4_Resource_Sites
JavaScript Dynamic Timeline from JSON
-
0_JavaScript_TimeLine_Introduction (3:28)
-
0_Section_JavaScript_Examples (10:45)
-
01_Section_JavaScript_Examples_2 (11:58)
-
1_Setup_HTML_and_JS_data (6:14)
-
2_Create_Random_Content_Data (14:40)
-
3_Output_Content_to_Page (9:44)
-
4_Sort_Object_Data_by_Property (6:34)
-
5_Indicator_List_of_Events (6:12)
-
6_Indicator_Styling_and_Position (13:08)
-
7_Create_Interaction_with_JavaScript (7:59)
-
8_Hide_Show_Content (3:38)
-
9_Add_Line_for_TimeLine_Effect (6:01)
-
10_Timeline_project_Tweaks (12:29)
-
11_Final_Adjustments (9:41)
-
12_JavaScript_TimeLine_Project_Review (14:43)
-
5_Resource_Sites
-
JavaScriptTimeline
-
5_Resources
-
5_Source_Code
