--- title: "Timeline Order ASC Desc" url: https://cooltimeline.com/demo/order-asc-desc-timeline/ date: 2025-11-10 modified: 2026-02-16 lang: en author: "cpsatinder" description: "Timeline Order (ASC/DESC) Order Your Timeline in ASC/DESC Set the display order of your timeline stories in ascending or descending format based on story years. Cool Timeline Pro ASC/DESC Navigation..." image: https://cooltimeline.com/wp-content/uploads/2025/12/order_asc_desc-timeline.jpg word_count: 122 --- # Timeline Order ASC Desc **Timeline Order (ASC/DESC) ** # Order Your Timeline in ASC/DESC Set the display order of your [timeline stories](https://cooltimeline.com/doc/add-timeline-stories/) in ascending or descending format based on story years. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ ASC/DESC ](/demo/order-asc-desc-timeline/) [ Navigation ](/demo/scrolling-navigation-timeline/) [ Animation ](/demo/animation-effects-timeline/) [ Load More ](/demo/ajax-load-more-or-pagination/) [ Category ](/demo/category-filters-timeline/) [ Buy Plugin ](/plugin/cool-timeline-pro/#pricing) ASC Order DESC Order #### ASC Order Month 1 [Web Development Foundations](https://cooltimeline.com/timeline/web-development-foundations/)[![web-development-foundations](https://cooltimeline.com/wp-content/uploads/2026/01/web-development-foundations.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/web-development-foundations.jpg)Build a strong foundation in website structure and styling. - **HTML Basics:** Structure pages using semantic and clean elements - **CSS Styling:** Style layouts with colors, fonts, and spacing Month 2 [Responsive UI Design](https://cooltimeline.com/timeline/responsive-ui-design/)[![responsive-ui-design](https://cooltimeline.com/wp-content/uploads/2026/01/responsive-ui-design.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/responsive-ui-design.jpg)Learn to design web interfaces that adapt to all devices. - **Flexbox/Grid:** Arrange page elements with modern layout techniques - **Mobile-First:** Design interfaces optimized for smaller screens first Month 3 [JavaScript Essentials](https://cooltimeline.com/timeline/javascript-essentials/)[![javascript-essentials](https://cooltimeline.com/wp-content/uploads/2026/01/javascript-essentials.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/javascript-essentials.jpg)Add interactivity to websites with fundamental JavaScript concepts. - **Core JS:** Learn variables, loops, functions, and events - **DOM Manipulation:** Dynamically update content and page behavior Month 4 [Advanced JavaScript Concepts](https://cooltimeline.com/timeline/advanced-javascript-concepts/)[![advanced-javascript-concepts](https://cooltimeline.com/wp-content/uploads/2026/01/advanced-javascript-concepts.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/advanced-javascript-concepts.jpg)Enhance skills with asynchronous programming and modular code practices. - **Async JS:** Handle promises and async/await efficiently - **Error Handling:** Manage errors in interactive web applications Page 1 of 3 1 [2](https://cooltimeline.com/demo/order-asc-desc-timeline/page/2/) [3](https://cooltimeline.com/demo/order-asc-desc-timeline/page/3/) [**](https://cooltimeline.com/demo/order-asc-desc-timeline/page/2/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-1" skin="default" category="full-stack-course" show-posts="4" order="ASC" icons="icon" animations="fade-up" date-format="F d l" story-content="full" based="custom" compact-ele-pos="main-date" pagination="default" filters="no"]] ` #### DESC Order Month 9 [Projects & Deployment](https://cooltimeline.com/timeline/projects-deployment/)[![projects-deployment](https://cooltimeline.com/wp-content/uploads/2026/01/projects-deployment.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/projects-deployment.jpg)Apply skills to build real-world applications and deploy them. - **Projects:** Build complete full-stack applications - **Deployment:** Publish apps to cloud platforms professionally Month 8 [APIs & Full-Stack Integration](https://cooltimeline.com/timeline/apis-full-stack-integration/)[![apis-full-stack-integration](https://cooltimeline.com/wp-content/uploads/2026/01/apis-full-stack-integration.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/apis-full-stack-integration.jpg)Connect frontend and backend for fully functional web apps. - **REST APIs:** Design and consume APIs efficiently - **Integration:** Connect frontend with backend services seamlessly Month 7 [Databases & Authentication](https://cooltimeline.com/timeline/databases-authentication/)[![databases-authentication](https://cooltimeline.com/wp-content/uploads/2026/01/databases-authentication.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/databases-authentication.jpg)Manage data and secure user access in applications. - **Databases:** Perform CRUD operations on SQL or NoSQL - **Authentication:** Implement login, signup, and secure sessions Month 6 [Backend Development Basics](https://cooltimeline.com/timeline/backend-development-basics/)[![backend-development-basics](https://cooltimeline.com/wp-content/uploads/2026/01/backend-development-basics.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/backend-development-basics.jpg)Learn server-side logic to power web applications. - **Node.js/Express:** Build APIs and handle server requests - **Routing:** Manage URL paths and client-server communication Page 1 of 3 1 [2](https://cooltimeline.com/demo/order-asc-desc-timeline/page/2/) [3](https://cooltimeline.com/demo/order-asc-desc-timeline/page/3/) [**](https://cooltimeline.com/demo/order-asc-desc-timeline/page/2/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-1" skin="default" category="full-stack-course" show-posts="4" order="DESC" icons="icon" animations="fade-up" date-format="F d" story-content="full" based="custom" compact-ele-pos="main-date" pagination="default" filters="no"]] `