Learning Lab Home/Design/Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Course From:
Udemy

Hi there, my name is Daniel Scott and together we’re going to learn how to build professional responsive websites. which look good on mobiles, tablets and desktop screens.

We will build 4 sites together...

  • a simple but elegant restaurant website.

  • a bike repair website.

  • a responsive portfolio website.

  • a Bootstrap website.

We cover everything you need to build your first website. From creating your first page through to uploading your website to the internet. We’ll use the world’s most popular (and free) web design tool called Visual Studio Code.

There are exercise files you can download and then work along with me. At the end of each video I have a downloadable version of where we are in the process so that you can compare your project with mine. This will enable you to see easily where you might have a problem.

We will delve into all the good stuff such as how to create your very own mobile burger menu from scratch learning some basic JavaScript and jQuery.

You will...

  • Learn how to work with responsive images and icons. and stunning full screen background images and probably one too many gradients.

  • Learn how to create forms and to choose great fonts for your website.

  • Learn how to work with Bootstrap 4 to easily add carousels, cards and complex looking menus.

  • Setup a domain name with hosting so that your website is live on the internet for others to see.

There are fun class projects for you to work on which will enable you to practice what you learn. By the end of this course you’ll have a great understanding of important web design topics like HTML5, CSS3, Flex box, Responsive design and Bootstrap.

If that all sounds a little too fancy - don’t worry, this course is aimed at people new to web design and who have never coded before. We’ll start right at the beginning and work our way through step by step.

 

Course
Beginner
Careers

Careers Related to Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Jobs

Jobs Related to Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Certifications

Certifications related to Responsive Web Design or Web Design

General Assembly’s Visual Design course helps you explore the art and science of visual communication and the process of creating beautiful digital products. Create a production- ready composition for a responsive webpage, conveying your vision through typography, layout, and color. You’ll learn to give and receive design critique and implement feedback to improve your designs.

 

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although many students have used software such as Photoshop, Sketch, Figma, or Adobe XD* previously and may be familiar with basic design principles. Beginners will have access to optional tutorials to practice using software and boost their confidence ahead of class. Throughout this expert-designed program, you’ll:

  • Conduct research to inform content strategy and design decisions.
  • Create a digital design solution that balances client needs and user goals.
  • Design digital layouts with industry-standard tools such as Figma and Sketch.
  • Implement visual design best practices in composition, typography, imagery, and colors.
  • Communicate design decisions to stakeholders and collaborators.
  • Apply what you’ve learned to create a portfolio project: a production-ready mockup for a responsive webpage and a presentation deck to document your process.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly

Learn the tools and techniques to design products that are equal parts useful, functional, and delightful. Focusing on both theoretical frameworks and practical applications, students in General Assembly’s User Experience Design course will develop a portfolio project of their choosing — receiving expert feedback along the way.

 

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although many students are familiar with digital design concepts. Whether you’re new to the field or you’re looking to formalize your practice, our curriculum helps you gain fluency in end-to-end UX processes, tools and documentation and put them to work for you, your company, and your career. Throughout this expert-designed program, you’ll:

  • Discover how to identify, ideate, articulate, and develop design solutions for UX challenges.
  • Describe how UX designers work with product managers, developers, and visual designers.
  • Explore the current UX design landscape through relevant, real-world examples.
  • Develop and document personas, journey maps, user flows, and annotated wireframes.
  • Utilize industry-standard tools to propose and refine design decisions.
  • Apply what you’ve learned to create a portfolio project: a new or redesigned digital product experience.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly

General Assembly’s Front-End Web Development course equips complete beginners with the cutting-edge tools they need to build rich, interactive websites. Dive into essential programming languages, then round out your skill set with industry-relevant topics like responsive design, APIs, and version control. You’ll apply what you’ve learned to build a custom website from scratch.

What you'll accomplish

This is a beginner-friendly program with no prerequisites, although some students may have coded previously. First-time programmers will have access to pre-course preparatory lessons and additional resources to boost their confidence with key concepts. Throughout this expert-designed program, you’ll:

  • Discover how the web works.
  • Create the structure and style of a website using HTML and CSS.
  • Apply interactivity to a site with JavaScript programming fundamentals.
  • Host a website on a server.
  • Learn the basic technical vocabulary to communicate with front-end web developers and other technical stakeholders.
  • Apply what you’ve learned to create a portfolio project: a dynamic, responsive website.

 

Why General Assembly

Since 2011, General Assembly has graduated more than 40,000 students worldwide from the full time & part time courses. During the 2020 hiring shutdown, GA's students, instructors, and career coaches never lost focus, and the KPMG-validated numbers in their Outcomes report reflect it. *For students who graduated in 2020 — the peak of the pandemic — 74.4% of those who participated in GA's full-time Career Services program landed jobs within six months of graduation. General Assembly is proud of their grads + teams' relentless dedication and to see those numbers rising. Download the report here.

 

Your next step? Submit an application to talk to the General Assembly Admissions team


 

Note: reviews are referenced from Career Karma - https://careerkarma.com/schools/general-assembly

 

General Assembly
Courses

Courses related to Responsive Web Design or Web Design

General Assembly

Are you interested in UX Design, but have no prior experience or an idea of where to start? You’ve come to the right place!

4.5
(462)
General Assembly

Interested in exploring the programming languages that power the web, or looking for guidance writing your first lines of code? You’ve come to the right place!

4.5
(462)
Udemy

Hi there, my name is Daniel Scott and together we’re going to learn how to build professional responsive websites. which look good on mobiles, tablets and desktop screens.

We will build 4 sites together...

Udemy

Hi there, my name is Dan and together we’re going to build a portfolio website using Adobe Dreamweaver.

We’ll use Dreamweaver's handy templating tools to make updates to our site super easy. We’ll create our very own mobile 'burger menu'…