Setup Menus in Admin Panel

Build Responsive Real World Websites with HTML5 and CSS3

350 STUDENTS ENROLLED

    Course Curriculum

    Course introduction
    2. READ BEFORE YOU START! 00:00:00
    3. E-book Resources 2.0 00:00:00
    4. First things first: download your free e-book here 00:00:00
    Dive into HTML
    5. Download the Code 00:00:00
    6. Our main tool: Brackets text editor 00:00:00
    7. What is HTML? 00:00:00
    8. The structure of an HTML document 00:00:00
    9. Starting to fill the structure 00:00:00
    10. Images and attributes 00:00:00
    11. One more thing: links 00:00:00
    Quiz 1: HTML Quiz 00:20:00
    Formatting with CSS
    12. Getting started with CSS 00:00:00
    13. Starting to make our webpage pretty: text 00:00:00
    14. Colors 00:00:00
    15. Classes and ID’s 00:00:00
    16. The CSS box model 00:00:00
    17. Building a simple layout 00:00:00
    18. Polishing our blog post 00:00:00
    19. Relative vs. Absolute 00:00:00
    20. Getting started with the Chrome Developer Tools 00:00:00
    Quiz 2: CSS Quiz 00:20:00
    Web design basics
    21. Introduction to web design 00:00:00
    22. Beautiful typography 00:00:00
    23. Using colors like a pro 00:00:00
    24. The meaning of colors in web design 00:00:00
    25. Working with images 00:00:00
    26. Working with icons 00:00:00
    27. Spacing and layout 00:00:00
    28. Introduction to user experience 00:00:00
    29. Getting inspired: the secret ingredient for stunning web design 00:00:00
    30. Wrapping up what we’ve learned in this section 00:00:00
    31. The ultimate cheatsheet: all web design guidelines in one place 00:00:00
    Quiz 3: Web design quiz: test your knowledge! 00:20:00
    The killer website project
    32. Download the Code 00:00:00
    33. The 7 real-world steps to a fully functional website 00:00:00
    34. Download the 7 steps here 00:00:00
    35. Omnifood Project FAQs — READ BEFORE YOU START! 00:00:00
    36. Starting to put the 7 steps into action 00:00:00
    37. First development steps 00:00:00
    38. Setting up the fluid grid for responsive web design 00:00:00
    39. Building the header – Part 1 00:00:00
    40. Building the header – Part 2 00:00:00
    41. Building the header – Part 3 00:00:00
    42. Building the features section – Part 1 00:00:00
    43. Building the features section – Part 2 00:00:00
    44. Building the favorite meals section – Part 1 00:00:00
    45. Building the favorite meals section – Part 2 00:00:00
    46. Building the how-it-works section – Part 1 00:00:00
    47. Building the how-it-works section – Part 2 00:00:00
    48. Building the cities section – Part 1 00:00:00
    49. Building the cities section – Part 2 00:00:00
    50. Building the customer testimonials section – Part 1 00:00:00
    51. Building the customer testimonials section – Part 2 00:00:00
    52. Building the sign-up section – Part 1 00:00:00
    53. Building the sign-up section – Part 2 00:00:00
    54. Building the contact form form – Part 1 00:00:00
    55. Building the contact form form – Part 2 00:00:00
    56. Building the footer – Part 1 00:00:00
    57. Building the footer – Part 2 00:00:00
    Responsive web design with media queries
    58. Making the webpage responsive – Part 1 00:00:00
    59. Making the webpage responsive – Part 2 00:00:00
    60. A note about web browsers 00:00:00
    Let's add some cool effects
    61. Download the Code 00:00:00
    62. Introduction to jQuery 00:00:00
    63. Building a “sticky” navigation – Part 1 00:00:00
    64. Building a “sticky” navigation – Part 2 00:00:00
    65. Scrolling to elements 00:00:00
    66. Adding animations on scroll 00:00:00
    67. Making the navigation responsive 00:00:00
    Optimizing and launching our website
    68. Final touch: creating a favicon 00:00:00
    69. Performance optimization: site speed 00:00:00
    70. Basic search engine optimization (SEO) 00:00:00
    71. Let’s launch our webpage! 00:00:00
    72. Google Analytics 00:00:00
    Conclusion
    73. You made it! Congratulations! 00:00:00
    74. My Special Gift for You: Never Stop Learning! 00:00:00
    BONUS lectures
    75. What’s New in CSS: A Quick Intro to Flexbox, Part 1 00:00:00
    76. What’s New in CSS: A Quick Intro to Flexbox, Part 2 00:00:00
    77. Using PHP to make our form work 00:00:00
    78. Super effective ways to improve your website’s conversion 00:00:00

    Course Reviews

    N.A

    ratings
    • 5 stars0
    • 4 stars0
    • 3 stars0
    • 2 stars0
    • 1 stars0

    No Reviews found for this course.

    Apply for Course
    • 12 months

    About Us

    Pradeep Academy is an online & Training institute To make learning easy, interesting, affordable and accessible to millions of learners across the Globe. To create an alternative learning platform, using a unique learning methodology of live online interactive courses along with 24x7 support. We aim to empower our customers with skills which will help them get an edge in their careers and improve their lives.

    Contact Us

    Address :

    PradeepIT Consulting Services Pvt Ltd

    205,Brigade gardens, No.19 Church Street , Bangalore – 560001, Karnataka, India

    Email : [email protected]
    Ph No: 08047363377
    Web: http://academy.pradeepit.com
    top
    © Pradeep Academy.  Design & Developed by