Chapters (25)
- 0:00Intro & demo
- 4:24Setup
- 5:56Header - HTML
- 14:58Base - CSS
- 25:51Header - CSS
- 35:15JavaScript events
- 49:30Search bar - HTML
- 52:18Search bar - CSS
- 58:57JavaScript events continued
- 1:03:15Featured articles - HTML
- 1:08:37Featured articles - CSS
- 1:29:20Quick read - HTML
- 1:34:59Quick read - CSS
- 1:38:20SwiperJS
- 1:43:43Older posts - HTML
- 1:47:41Older posts - CSS
- 1:51:34Popular tags - HTML
- 1:55:20Popular tags - CSS
- 1:58:04Newsletter - HTML
- 2:01:25Newsletter - CSS
- 2:02:29Footer - HTML
- 2:09:23Footer - CSS
- 2:15:17Blog post - HTML
- 2:24:22Blog post - CSS
- 2:32:42Media queries
Show the creator's full description
Improve your HTML and CSS skills by creating a blog in this frontend development course.
✏️ Julio Codes created this course. Check out his channel: https://www.youtube.com/c/JulioCodes
💻 Code: https://github.com/jlop007/FreeCodeCamp-NewsFlash
🔗 Remix icons: https://remixicon.com/
🔗 SwiperJS: https://swiperjs.com/
❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba)
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro & demo
⌨️ (0:04:24) Setup
⌨️ (0:05:56) Header - HTML
⌨️ (0:14:58) Base - CSS
⌨️ (0:25:51) Header - CSS
⌨️ (0:35:15) JavaScript events
⌨️ (0:49:30) Search bar - HTML
⌨️ (0:52:18) Search bar - CSS
⌨️ (0:58:57) JavaScript events continued
⌨️ (1:03:15) Featured articles - HTML
⌨️ (1:08:37) Featured articles - CSS
⌨️ (1:29:20) Quick read - HTML
⌨️ (1:34:59) Quick read - CSS
⌨️ (1:38:20) SwiperJS
⌨️ (1:43:43) Older posts - HTML
⌨️ (1:47:41) Older posts - CSS
⌨️ (1:51:34) Popular tags - HTML
⌨️ (1:55:20) Popular tags - CSS
⌨️ (1:58:04) Newsletter - HTML
⌨️ (2:01:25) Newsletter - CSS
⌨️ (2:02:29) Footer - HTML
⌨️ (2:09:23) Footer - CSS
⌨️ (2:15:17) Blog post - HTML
⌨️ (2:24:22) Blog post - CSS
⌨️ (2:32:42) Media queries
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.