Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Cleaning
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 16 hours on-demand video
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Responsive Design

Responsive Web Design - Il Corso Completo

Corso completo sulle tecniche responsive per lo sviluppo di siti web
Rating: 4.6 out of 54.6 (176 ratings)
1,004 students
Created by Simona Tocci
Last updated 3/2017
Italian
30-Day Money-Back Guarantee

What you'll learn

  • Conoscere le regole di base dello sviluppo di layout responsivi
  • Valutare professionalmente diverse soluzioni tecniche da adattare a specifiche impostazioni di layout
  • Saper progettare, sviluppare e sviluppare un intero progetto web in totale autonomia
  • Conoscere il mondo del responsive web design, i più noti framework e le regole che li strutturano e implementare autonomamente le proprie conoscenze

Course content

6 sections • 70 lectures • 15h 50m total length

  • Preview02:53
  • Preview06:56
  • Il meta tag viewport
    09:28
  • Contenuti flessibili
    13:52
  • Preview18:18
  • Media Queries - Prima parte
    12:51
  • Media Queries - Esercizi
    20:57
  • Conoscere ed utilizzare le misure relative
    12:06
  • Introduzione a Flexbox
    19:50
  • Grid con Flexbox
    11:53
  • Preview18:49
  • Cosa sai del Responsive Web Design?
    4 questions

  • Presentazione del progetto
    07:06
  • Configurazione del progetto
    15:40
  • Integrazione di Google Fonts e di Font Awesome
    19:46
  • Compilazione della Header - Prima Parte
    12:52
  • Compilazione della header con la barra di navigazione
    11:21
  • Compilazione di un menu responsivo
    12:29
  • Personalizzazione di header e menu
    13:44
  • Gli altri contenuti del layout - Prima Parte
    17:55
  • Gli altri contenuti del layout - Seconda Parte
    14:31
  • Personalizzazione dei contenuti
    05:50
  • Preview15:17
  • Media Queries e conclusione del progetto
    11:55
  • Layout responsivo
    3 questions

  • Panoramica dei più comuni framework - Prima Parte
    10:17
  • Panoramica dei più comuni framework - Seconda Parte
    14:42
  • Conoscere Foundation
    13:01
  • Preview12:54
  • Presentazione del progetto
    11:27
  • Codifica del nostro progetto
    13:32
  • Immagine in parallasse
    18:58
  • Area CHI SONO
    12:00
  • Area Portfolio e Gallery
    18:34
  • Area Social
    08:33
  • Area contatti
    15:23
  • Conclusione e customizzazione finale del progetto
    11:57
  • Progettare un layout responsivo con w3.css
    3 questions

  • Introduzione a Bootstrap
    14:39
  • Integrazione di Bootstrap nei nostri progetti
    16:39
  • Il grid system di Bootstrap
    13:25
  • Colonne con offset
    16:16
  • Colonne con push and pull
    12:00
  • Barra di navigazione orizzontale
    14:52
  • Personalizzare la barra di navigazione
    12:32
  • Personalizzare la barra di navigazione - Seconda Parte
    14:15
  • Menu Dropdown
    16:34
  • Lezione bonus: Menu Off Canvas
    11:25
  • Panoramica sulle Helper Classes di Bootstrap
    14:56
  • Preview17:52
  • Accordion con Bootstrap
    15:57
  • Progettare una landing page con Bootstrap - Prima Parte
    16:39
  • Progettare una landing page con Bootstrap - Seconda Parte
    18:13
  • Conosci Twitter Bootstrap?
    4 questions

  • Presentazione del progetto
    05:43
  • Configurazione del progetto
    05:00
  • Compilazione della barra di navigazione
    19:30
  • Immagine cover nel jumbotron
    11:52
  • Preview10:46
  • Componenti well e panel
    10:36
  • Un carousel con Bootstrap
    18:55
  • Sezione social
    09:46
  • Sezione Team
    17:33
  • Area contatti
    17:09
  • Footer
    03:37
  • Modal con Bootstrap
    15:34
  • Customizzazione del progetto - Prima Parte
    19:43
  • Customizzazione del progetto - Seconda Parte
    17:36
  • Customizzazione del progetto - Terza Parte
    18:14
  • Conclusione del progetto
    10:59
  • Un progetto con Bootstrap
    3 questions

  • Uno sguardo alla nuova versione di Bootstrap
    12:57
  • Esercizio con il nuovo componente Card
    15:48
  • Esercizio con il nuovo componente Card - Altre opzioni
    13:10
  • Conclusione e ringraziamenti
    02:35

Requirements

  • Il corso non richiede particolari conoscenze se non una base di HTML e CSS

Description

Il corso prende in considerazione le regole del disegno web responsivo e le tecniche per la corretta visualizzazione di un template su ogni device attraverso l'applicazione delle regole di media queries.  Il corso introduce alla conoscenza dei più comuni framework per il disegno responsivo e dell'architettura che li governa. Il corso prevede la progettazione completa di tre layout responsivi e di una landing page, esaminando quelle che sono le strutture del moderno web design. Introduce alla tecnica dei flexbox, esamina e lavora con grid system di diversa struttura. Due sezioni sono dedicate al framework per eccellenza per il responisve web design: Bootstrap. In una sezione bonus si esaminano anche le novità dell'ultima versione del framework Bootstrap 4. Il corso è molto pratico, compilando decine di esercizi dal vivo. Tutto il codice sorgente e i file dei progetti completi sarà messo a disposizione per l'esercizio e il lavoro personale. Tutte le lezioni video sono scaricabili per poter essere visionate off line in piena libertà.

Who this course is for:

  • Il corso è adatto a tutti: web designer, sviluppatori web, appassionati di web e grafica, persone che vogliono completare la loro formazione di base nel mondo del web design. Coloro che vogliono dare una rinfrescata alle loro nozioni. Per coloro che sono curiosi e non smettono mai di imparare.

Instructor

Simona Tocci
Web Designer and Developer
Simona Tocci
  • 4.5 Instructor Rating
  • 3,543 Reviews
  • 12,359 Students
  • 7 Courses

I am a web designer and web developer with a passion for teaching. I do not consider only on the technical side. I worked for many years as a teacher in multimedia courses applied to teaching. In the last few years I have been collaborating with the University of Florence in creating websites for events and courses and developing a platform for distance learning. I am competent in HTML, CSS and JS / jQuery, PHP with MySQL and I take care of the graphics of my projects with Photoshop and Illustrator. In the last years I've been working with passion on PHP back-end programming to turn my static projects into dynamic sites, in particular developing WordPress templates. I like to compile and write the code in my editor as a life for the creation of site, layout and application projects.  

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.