Autoplay
Autocomplete
Previous Lesson
Complete and Continue
5 JavaScript Coding Projects from Scratch Course
Introduction to applying JavaScript to Create mini projects Course
JavaScript_5_Projects_Introduction (5:04)
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
Teach online with
Source_Code
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock