Elm - The Complete Guide (a web development video tutorial)

Focused View

Carlos Saltos

21:44:00

83 View

1 - Introduction

1 - Hello Elm.mp4

20:47

1 - Source code.txt

2 - Making changes.mp4

19:51

2 - Source code.txt

3 - Reset.mp4

06:33

3 - Source code.txt

4 - Growing.mp4

09:05

4 - Source code.txt

5 - Events.mp4

18:57

5 - Source code.txt

6 - Source code.txt

6 - Text Fields.mp4

07:05

2 - Installation

7 - Choose your operating system.mp4

00:53

8 - Install Elm with Ubuntu Linux.mp4

11:47

9 - Elm compiler.txt

9 - Install Elm in Windows.mp4

14:35

9 - NodeJS.txt

9 - Visual Studio Code.txt

10 - Elm compiler.txt

10 - Install Elm in Mac.mp4

17:21

10 - NodeJS installer.txt

10 - Visual Studio Code.txt

3 - First steps

11 - Simple page.mp4

08:30

11 - Source code.txt

12 - Embedded page.mp4

13:48

12 - Source code.txt

13 - Package page.mp4

12:10

13 - Source code.txt

4 - Our first Elm project

14 - Happy Birthday setup.mp4

20:20

14 - Source code.txt

15 - Happy Birthday buttons.mp4

16:13

15 - Source code.txt

16 - Happy Birthday live.mp4

10:56

17 - Happy Birthday input.mp4

24:44

17 - Source code.txt

18 - Happy Birthday improvements.mp4

18:58

18 - Source code.txt

19 - Happy Birthday new changes.mp4

22:28

19 - Source code.txt

20 - Happy Birthday refactor.mp4

20:32

20 - Source code.txt

21 - Happy Birthday better views.mp4

20:05

21 - Source code.txt

5 - Make it beautiful

22 - Elm packages.txt

22 - My dog setup.mp4

18:40

22 - Source code.txt

23 - My dog colors.mp4

19:48

23 - Source code.txt

24 - My dog image.mp4

19:46

24 - Source code.txt

25 - My dog fonts.mp4

17:10

25 - Source code.txt

26 - Cupcake Ipsum.txt

26 - My doc content.mp4

15:45

26 - Source code.txt

27 - Color Tool.txt

27 - My dog better colors.mp4

16:57

27 - Source code.txt

28 - My dog themes.mp4

31:54

28 - Source code.txt

29 - My dog types.mp4

23:43

29 - Source code.txt

30 - My Dog imports.mp4

15:22

30 - Source code.txt

31 - My Dog semantics.mp4

10:55

31 - Source code.txt

6 - Using JSON

32 - Hello JSON setup.mp4

05:33

32 - Source code.txt

33 - Hello JSON data.mp4

11:58

33 - Source code.txt

34 - Hello JSON request.mp4

13:42

34 - Source code.txt

35 - Hello JSON run.mp4

17:35

35 - Source code.txt

36 - Hello JSON error detail.mp4

14:17

36 - Source code.txt

37 - Hello JSON result.mp4

09:39

37 - Source code.txt

38 - Hello JSON remote data.mp4

12:06

38 - Source code.txt

7 - JSON Interactive

39 - Books intro.mp4

02:28

39 - Book search JSON sample.txt

39 - Google Books API.txt

40 - Books setup.mp4

18:28

40 - Source code.txt

41 - Books visuals.mp4

22:33

41 - Source code.txt

42 - Books searchbar.mp4

13:23

42 - Source code.txt

43 - Books JSON call.mp4

16:18

43 - Source code.txt

44 - Books JSON decoding.mp4

18:34

44 - Source code.txt

45 - Books reporting errors.mp4

15:38

45 - Source code.txt

46 - Books thumbnails.mp4

13:13

47 - Books links.mp4

13:32

47 - Source code.txt

48 - Books loading.mp4

24:31

48 - Source code.txt

49 - Books let.mp4

09:20

49 - Source code.txt

50 - Books enter key.mp4

12:21

50 - Source code.txt

51 - Books cards.mp4

20:52

51 - Source code.txt

52 - Books wrapped rows.mp4

11:23

52 - Source code.txt

53 - Books focused.mp4

16:13

53 - Source code.txt

8 - More control

54 - Counter setup.mp4

17:02

54 - Source code.txt

55 - Counter button.mp4

14:00

55 - Source code.txt

56 - Counter flags.mp4

12:58

56 - Source code.txt

57 - Counter ports.mp4

19:08

57 - Source code.txt

9 - Painting Charts

58 - Data.txt

58 - Elm Charts.txt

58 - Fruits setup.mp4

19:22

58 - Source code.txt

59 - Fruits colors.mp4

17:38

59 - Source code.txt

10 - Better quality

60 - Fuzz setup.mp4

20:48

60 - Source code.txt

61 - Fuzz run.mp4

17:03

61 - Source code.txt

62 - Fuzz tests.mp4

23:40

62 - Source code.txt

63 - Elm Packages.txt

63 - Fuzz review.mp4

20:27

63 - Source code.txt

64 - Cypress.txt

64 - Fuzz more.mp4

05:10

64 - Watir.txt

11 - Navigation

65 - Mini blog setup.mp4

18:41

65 - Source Code.txt

66 - Mini blog external links.mp4

16:51

66 - Source code.txt

67 - Mini blog internal links.mp4

14:19

67 - Source code.txt

68 - Mini blog naive.mp4

08:51

68 - Source code.txt

69 - Mini blog soft links.mp4

14:34

69 - Source code.txt

70 - Mini blog module pages.mp4

13:06

70 - Source code.txt

71 - Mini blog models.mp4

18:21

71 - Source code.txt

72 - Mini blog updates.mp4

14:07

72 - Source code.txt

73 - Mini blog refactoring.mp4

23:11

73 - Source code.txt

74 - Mini blog commands.mp4

07:58

74 - Source code.txt

75 - Mini blog subscriptions.mp4

06:39

75 - Source code.txt

76 - Mini blogs clicks and links.mp4

15:17

76 - Source code.txt

77 - Mini blog UI.mp4

16:44

77 - Source Code.txt

78 - Mini blog router.mp4

26:01

78 - Source code.txt

12 - Responsive

79 - Responsive setup.mp4

18:58

79 - Source code.txt

80 - Responsive detect.mp4

09:30

80 - Source code.txt

81 - Responsive layout.mp4

19:16

13 - Optimize and publish

82 - Netlify.txt

82 - Simple deploy.mp4

05:52

82 - Source code.txt

83 - Better deploy.mp4

15:14

83 - Minification.txt

83 - Source code.txt

84 - Possible alternatives.mp4

04:03

14 - Additional Resources

85 - Additional Resources.mp4

09:56

85 - reference.zip

Description

Learn the language of the future for web development and increase your productivity and fun using Elm, Elm UI and others

What You'll Learn?

Build modern web apps using Elm
Create your own web site with a high quality long term foundation
Fix an old chaotic legacy web app moving to the solid Elm architecture
Learn all about Elm, including visual design, business rules modeling and browser integration using ports

Who is this for?

Developers that want to learn to create how to create modern web apps

Frontend developers looking for a better good alternative to Javascript and old traditional frameworks

Backend developers that want to become full-stack developers without drowning on the whole Javascript nightmare

If you are overwhelmed by the spaghetti configuration style with Javascript projects you may found a refreshing better way using Elm

What You Need to Know?

Basics of HTML

No Javascript experience is required

More details

Description
Create great web sites using this new cool language called Elm, join us and learn how to develop professional nice looking web apps for your blog, your company or your next own startup.

The class is a hands on with practice videos you can follow at your own pace, the reference code is at GitHub for every step of the class. Optionally you can just jump to the last lecture of each section to get the complete code and advance quicker if you feel like to.

We are going to learn how to:

Setup a productive and fast development cycle using Elm Live
Create great visual user interfaces using Elm UI
Display powerful statistics graphs using Elm Charts
Develop solid business logic with The Elm Architecture
Use HTTPÂ API remote calls with Elm JSON
Debug an Elm web application using theÂ Elm Debugger
Design responsive web pages using Elm UIÂ metrics
Make our web sites better using Accessibility with Elm
Draw animations using SVG and Elm SVG
Deploy to production using JAMStack
The teacher has vast experience from real battles developing big systems including HTTP JSONÂ APIs, Thrift APIs, databases, the cloud, mobile and web apps.
Come and join us for learning Elm together, one of the most valuable pieces for developing successful professional web sites today.
Who this course is for:
Developers that want to learn to create how to create modern web apps
Frontend developers looking for a better good alternative to Javascript and old traditional frameworks
Backend developers that want to become full-stack developers without drowning on the whole Javascript nightmare
If you are overwhelmed by the spaghetti configuration style with Javascript projects you may found a refreshing better way using Elm

User Reviews

Rating

average 0

Total votes0

Focused display

I'm a software engineer with more than 12 years of experience developing full stack applications.I'm specialized on languages like Scala, Ruby, Elm and Java using Linux servers on the cloud with Amazon AWS and Microsoft Azure.Teaching is a lot of fun, so welcome to my classes, I hope you like them and find them very useful.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.